तत्वों को छिपाने पर टॉगल दृश्यता - सीएसएस-ट्रिक्स

माध्यम में विकास टीम ने कुछ बुरी प्रथाओं पर चर्चा की है जो पहुंच को तोड़ती हैं। एक उदाहरण में, उनका तर्क है कि opacityस्क्रीन पाठकों द्वारा अच्छी तरह से समर्थित नहीं है और इसलिए यदि हम एक तत्व को संक्रमण में छिपाना चाहते हैं, तो हमें हमेशा visibilityविशेषता का उपयोग करना चाहिए :

.m-fadeOut ( visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; ) .m-fadeIn ( visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; )

याद रखें कि अस्पष्टता और दृश्यता अभी भी दस्तावेज़ प्रवाह में एक तत्व छोड़ती है। यदि आपको इसे प्रवाह से हटाने की आवश्यकता है, तो अधिक काम करना है। वास्तव में यहाँ उनके बारे में सोचने का एक तरीका है ...

	अदृश्य कर सकते हैं	अस्पष्ट बना सकता है	डॉक्टर प्रवाह से हटाता है	संक्रमण हो सकता है	बच्चे पर उलटा हो सकता है
अस्पष्टता	फिर	नहीं न	नहीं न	हाँ	नहीं न
दृश्यता	फिर	फिर	नहीं न	हाँ	हाँ
प्रदर्शन	फिर	फिर	फिर	नहीं न	नहीं न
सूचक-घटनाएँ	नहीं न	फिर	नहीं न	नहीं न	नहीं न

यदि आपको लुप्त होने के बाद किसी तत्व का प्रदर्शन मूल्य बदलना है, तो यह कठिन है। सीएसएस में वास्तव में संभव displayनहीं है क्योंकि संक्रमणशील नहीं है। स्नुक ने इसके बारे में लिखा है, जिसमें कुछ जावास्क्रिप्ट भी शामिल हैं, जिसमें मदद करने के लिए।