অস্বচ্ছতা আছে: 0 এর দৃশ্যমানতার মতো হুবহু একই প্রভাব রয়েছে: লুকানো

Question

যদি তা হয় তবে এটি কার্যকরভাবে visibilityসম্পত্তি হ্রাস করে ?

(আমি বুঝতে পারি যে ইন্টারনেট এক্সপ্লোরার এখনও এই সিএসএস 2 সম্পত্তি সমর্থন করে না))
লেআউট ইঞ্জিনের তুলনা

আরও দেখুন: দৃশ্যমানতার মধ্যে পার্থক্য কী: লুকানো এবং প্রদর্শন: কিছুই নয়

Comments

এবং কিভাবে ট্যাবর্ডার সম্পর্কে? যদি দৃশ্যমান = মিথ্যা থাকে তবে নিয়ন্ত্রণটি কোনও ফোকাস পায় না, তবে যদি অস্বচ্ছতা 0 হয় তবে ট্যাব কীটি এখনও নিয়ন্ত্রণগুলির মধ্যে পুনরাবৃত্তি করে?

— স্টিফান

স্বচ্ছ নিয়ন্ত্রণ কীভাবে ফোকাস পেতে পারে তা দেখার জন্য এটি একটি আকর্ষণীয় পরীক্ষার বিষয় হবে।

— ক্রিস নয়ে

আমি চেষ্টা করেছিলাম, (এফএফ 3)। অস্বচ্ছতা সহ একটি ইনপুট উপাদান: 0 কোনও ট্যাবর্ডার প্রতি ফোকাস গ্রহণ করে, যদিও কোনও ভিজ্যুয়াল ইঙ্গিত নেই। কার্সার সবেমাত্র অদৃশ্য হয়ে যায়। আপনি যা টাইপ করুন তা ইনপুট উপাদানটির মানতে প্রবেশ করানো হয়। ট্যাব টিপতে আবার পরের ক্ষেত্রের দিকে চলে যায়। মজাদার.

— ক্রিস নয়ে

Answer 1

বিভিন্ন উত্তর থেকে যাচাই করা তথ্যের সংকলন এখানে।

এই প্রতিটি CSS বৈশিষ্ট্য অনন্য। কোনও উপাদান দৃশ্যমান নয় এমন রেন্ডারিংয়ের পাশাপাশি, তাদের নিম্নলিখিত অতিরিক্ত প্রভাব (গুলি) রয়েছে:

1. উপাদানটি সাধারণত স্থান দখল করে এমন স্থানটি সঙ্কুচিত করে
2. ইভেন্টের প্রতিক্রিয়া (যেমন, ক্লিক, কী টিপুন)
3. ট্যাবর্ডারে অংশ নেয়

                     সংঘর্ষের ঘটনা ট্যাবর্ডার
অস্বচ্ছতা: 0 না হ্যাঁ হ্যাঁ
দৃশ্যমানতা: কোন গোপন নেই
দৃশ্যমানতা: ধস হ্যাঁ * না না
প্রদর্শন: না হ্যাঁ না না

* হ্যাঁ একটি টেবিল উপাদান ভিতরে, অন্যথায় না।

Comments

আমি এখানে মার্কডাউন

— Chris Noe

ঠিক আছে, সুতরাং SO ইচ্ছাকৃতভাবে <টেবিল> সমর্থন করে না। তাই আমি এশিকেই বানিয়েছি।

— ক্রিস নো

এছাড়াও, "অস্বচ্ছতা: 0" দিয়ে ফ্ল্যাশ অবজেক্টগুলি রেন্ডার করা হয়, এবং স্প্রাইটের কনস্ট্রাক্টর ট্রিগার হয় তবে "দৃশ্যমানতা: লুকানো" নয়।

— pepkin88

যদি আপনার রেডিও / চেকবক্সগুলি কাজ করে না visibility:hidden, তবে opacity: 0মাউস ক্লিকটি সনাক্ত করার জন্য আপনাকে এর পরিবর্তে ব্যবহার করতে হবে।

— দিনুলি

@ ক্রিসনো: সংক্ষিপ্তসারটির জন্য ধন্যবাদ। একটা জিনিষ আপনি যোগ করতে চাইতে পারেন: আমি ঠিক কিভাবে একটি পিতা বা মাতা নোডের অদৃশ্য করতে গবেষণা কিন্তু সন্তান নোড এখনও দৃশ্যমান, ফলে: দৃশ্যমান শিশুদের জন্য কোন সুযোগ: opacity:0 বা display:none, কিন্তু যদি আপনি ব্যবহার visibility: hidden আপনার কি সন্তান দৃশ্যমান করতে পারেন সঙ্গেvisibility: visible

— মার্টিন

Answer 2

না।

অস্বচ্ছতা সহ উপাদানগুলি নতুন স্ট্যাকিং প্রসঙ্গ তৈরি করে।

এছাড়াও, সিএসএস বৈশিষ্ট এই সংজ্ঞায়িত করে না, কিন্তু সঙ্গে উপাদান opacity:0যোগ্য হয়, এবং উপাদানের visibility:hiddenনয়।

Answer 3

না এটা না। একটি বড় পার্থক্য আছে। এগুলি অনুরূপ কারণ আপনি যদি দৃশ্যমানতাটি লুকিয়ে থাকেন বা অস্বচ্ছতা 0 থাকে তবে আপনি উপাদানটির মাধ্যমে দেখতে পারেন

অস্বচ্ছতা: 0 : আপনি এর পিছনে উপাদানগুলিতে ক্লিক করতে পারবেন না ।

দৃশ্যমানতা: লুকানো : আপনি এর পিছনে উপাদানগুলিতে ক্লিক করতে পারেন ।

Comments

"না এটা হয় না"? এটি কি প্রশ্নের উত্তর হিসাবে বা বিদ্যমান উত্তরগুলির একটির প্রতিক্রিয়া হিসাবে বোঝানো হচ্ছে? যদি এটি পরে হয়, তবে এটির উত্তর হিসাবে এটি একটি মন্তব্য হিসাবে যুক্ত করা উচিত।

— ক্রিস নো

এটি একটি উত্তর যা "অস্বচ্ছতা: 0 এর দৃশ্যমানতার মতো হুবহু একই প্রভাব রয়েছে: লুকানো?" .... যদিও তা স্পষ্ট ছিল না?

— নিশান্ত

Answer 4

visibilityএবং মধ্যে অনেক পার্থক্য আছে opacity। বেশিরভাগ উত্তর কিছু পার্থক্য উল্লেখ করে, তবে এখানে একটি সম্পূর্ণ তালিকা is

1. অস্বচ্ছতা হস্তান্তরিত হয় না, যখন দৃশ্যমানতা থাকে

2. অস্বচ্ছতা অ্যানিমেটেবল হয় যখন দৃশ্যমানতা হয় না।
   (আচ্ছা, প্রযুক্তিগতভাবে এটি তবে তবে "37% ধসে পড়েছে এবং hidden৩% লুকিয়ে রয়েছে" এর জন্য কেবল কোনও আচরণই সংজ্ঞায়িত হয়নি, তাই আপনি এটিকে অ-অ্যানিমেটেবল হিসাবে বিবেচনা করতে পারেন))

3. অস্বচ্ছতা ব্যবহার করে আপনি কোনও শিশু উপাদানটিকে তার পিতামাতার চেয়ে বেশি অস্বচ্ছ করতে পারবেন না। EG যদি আপনার রঙের সাথে এপি থাকে: কালো এবং অস্বচ্ছতা: 0.5, আপনি এর কোনও শিশুকে পুরোপুরি কালো করতে পারবেন না। অস্বচ্ছতার জন্য বৈধ মানগুলি 0 এবং 1 এর মধ্যে হয় এবং এই উদাহরণটির জন্য 2 প্রয়োজন হবে!
   ফলস্বরূপ, মার্টিনের মন্তব্য অনুসারে , আপনি একটি অদৃশ্য পিতামাতার (দৃশ্যমানতার সাথে: লুকানো) একটি দৃশ্যমান শিশু (দৃশ্যমান সহ: দৃশ্যমান) রাখতে পারেন। এটি অস্বচ্ছতা দিয়ে অসম্ভব; যদি কোনও পিতামাতার অস্বচ্ছতা থাকে: 0; এর শিশুরা সবসময় অদৃশ্য থাকে।

4. কর্নেলের উত্তরে উল্লেখ করা হয়েছে যে অস্বচ্ছতার মানগুলি 1 টিরও কম তার নিজস্ব স্ট্যাকিং প্রসঙ্গ তৈরি করে; দৃশ্যমানতার জন্য কোনও মান দেয় না।
   (আমি আশা করি আমি এটি প্রদর্শনের কোনও উপায় ভাবতে পারি, তবে আমি দৃশ্যমানতার গোপন উপাদানটি দেখানোর কোনও উপায় সম্পর্কে ভাবতে পারি না: লুকানো উপাদান))

5. ফিলানাশের উত্তর অনুসারে , অস্বচ্ছতাযুক্ত উপাদানগুলি: 0 এখনও স্ক্রিন পাঠকদের দ্বারা পঠিত হয়, যখন দৃশ্যমান: লুকানো উপাদানগুলি হয় না।

6. ক্রিস নয়ের উত্তর অনুসারে , দৃশ্যমানতার আরও বিকল্প রয়েছে (যেমন পতন) এবং যে উপাদানগুলি দৃশ্যমান নয় সেগুলি ক্লিকগুলিতে আর সাড়া দেয় না এবং এতে ট্যাবড করা যায় না।

(এটিকে একটি সম্প্রদায়ের উইকি বানানো, যেহেতু বিদ্যমান উত্তরগুলি থেকে orrowণ নেওয়া অন্যথায় ন্যায়সঙ্গত হবে না))

Answer 5

আমি এ সম্পর্কে পুরোপুরি নিশ্চিত নই, তবে আমার মনে হয় পর্দার পাঠকরা লুকিয়ে থাকা দৃশ্যমানতার জন্য সেট করা জিনিসগুলি পড়েন না তবে তারা অস্বচ্ছতা নির্বিশেষে জিনিসগুলি পড়তে পারে।

আমি ভাবতে পারি এই পার্থক্য।

Comments

কীভাবে সেই ফলাফলের ফলাফল হবে? সম্ভবত ডিওএম-এ কী অন্তর্ভুক্ত রয়েছে তার পরিপ্রেক্ষিতে? আমার পরীক্ষার কেসগুলি দেখায় যে মজিলা দৃশ্যমানতা দূরে ফেলছে না: লুকানো উপাদান।

— ক্রিস নয়ে

সিএসএস স্টাইল নির্বিশেষে উপাদানগুলি ডিওমে থাকবে, আমার অর্থ হ'ল স্ক্রিন রিডার সফটওয়্যার ব্যবহার করে অন্ধ ব্যবহারকারীদের ধোঁকায় লেখার পাঠ্য থাকতে পারে: 0 উপাদান তাদের কাছে পড়বে, অন্যদিকে যদি তারা একই উপাদানটির দৃশ্যমানতা: লুকানো থাকে না। ফলাফলটি ভিন্ন হিসাবে এটি সত্যিই একটি অ্যাক্সেসযোগ্যতার উদ্বেগ।

— ফিলানাশ

দরকারী পয়েন্ট, এটি লুকানোতে দৃশ্যমানতা নির্ধারণের ফলাফলগুলির মধ্যে একটি, তবে এটি আইসবার্গের কেবলমাত্র টিপ। আরও সুনির্দিষ্টভাবে, দৃশ্যমানতা: লুকানো এটি ডোম থেকে (আপাতদৃষ্টিতে) অদৃশ্য হয়ে যায়, এখনও পৃষ্ঠায় এটির বিন্যাস বজায় রেখে।

— নিশান্ত

Answer 6

আমি পুরোপুরি নিশ্চিত নই, তবে আমি ক্রস ব্রাউজারের স্বচ্ছতা এটিই করি:

opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);

দৃশ্যমানতার সাথে অবজেক্টগুলি: লুকানো এখনও আকার রয়েছে, তারা কেবল দৃশ্যমান নয়। অস্বচ্ছ শূন্য উপাদানগুলি এখনও ক্লিক করা যেতে পারে এবং অন্যান্য ইভেন্টগুলিতে প্রতিক্রিয়া জানাতে পারে।

Comments

আকৃতি ধারণ ও অদৃশ্য হওয়ার অর্থ কী?

— ক্রিস নয়ে

@ ক্রিস, এর অর্থ এই যে তারা এখনও পৃষ্ঠায় জায়গা নিয়েছেন

— মিচেল বিক্রেতারা

অস্বচ্ছতাটি কীভাবে উপাদানটিকে পটভূমির উপরে টানা হয় তা স্থির করতে ব্যবহৃত হয়। ওপ্যাকটি 0 তে সেট করার সাথে উপাদানটি স্বাভাবিকভাবে স্থান নেয় তবে কিছুই আঁকেন না কারণ 0% উপাদান রঙের পটভূমির 100% মিশ্রিত হয় যার ফলে নতুন কিছু উপস্থিত হয় না। লুকানো এবং অনুরূপ বন্ধু মানে অঙ্কন সঞ্চালনের সময় উপাদানটি এড়িয়ে যায়।

— এমপি।

Answer 7

একটিতে স্টাইল উপাদানগুলিকে প্রভাবিত করে এমন একটি স্টার স্টাইল তৈরি করার সময় contenteditableআমি লক্ষ্য করেছি যে আপনি যদি কিছু সেট করেন visibility: hiddenতবে ইনপুট ক্যারেট সত্যিই এটির সাথে ইন্টারঅ্যাক্ট করতে চায় না। যেমন যদি আপনার হয়

<div contenteditable><span style='visibility: hidden;'></span></div>

... তবে মনে হচ্ছে আপনি যদি ডিভ / স্প্যানটি ফোকাস করেন তবে আপনি আসলে এটি টাইপ করতে পারবেন না। যদিও opacity: 0এটি দিয়ে মনে হয় আপনি পারবেন। আমি এটির ব্যাপকভাবে পরীক্ষা করিনি, তবে অনুভব করেছি যে এখানে এটি উল্লেখ করা উপযুক্ত কারণ এই পৃষ্ঠায় অন্য কেউ পাঠ্য ইনপুটটির প্রভাব সম্পর্কে কথা বলেননি। এটি সম্ভবত উপরে বর্ণিত ইভেন্টগুলির সামগ্রীর সাথে সম্পর্কিত বলে মনে হচ্ছে ।

Answer 8

ফিল যা বলেছে তা সত্য।

আইই যদিও অস্বচ্ছতা সমর্থন করে:

filter:alpha(opacity=0);

Answer 9

বৈশিষ্ট্যগুলির বিভিন্ন অর্থগত অর্থ রয়েছে। যদিও সিম্যান্টিক সিএসএসের শব্দগুলি নির্বোধ হতে পারে, অন্য ব্যবহারকারীরা যেমন স্ক্রিন পাঠকদের মতো ডিভাইসে প্রভাব ফেলেছে বলে উল্লেখ করেছেন - যেখানে শব্দার্থক পৃষ্ঠাগুলির অ্যাক্সেসযোগ্যতায় প্রভাব ফেলে।