मेरे पास एक div है जिसका उपयोग मैं आवश्यक होने पर अलर्ट प्रदर्शित करने के लिए करता हूं।सीएसएस डिस्प्ले: कोई भी और दृश्यता: छुपा
यदि मैं थोड़ी देर बाद इसे बंद करना चाहता हूं तो मैं प्रदर्शन का उपयोग कर सकता हूं: कोई भी नहीं या मुझे प्रदर्शन का उपयोग करना चाहिए: कोई भी दृश्यता नहीं: छुपा हुआ?
तो एक या दोनों।
धन्यवाद।
निर्भर करता है। यदि आपको रिक्त स्थान खाली होने की आवश्यकता है, यानी, अंतरिक्ष नीचे या उसके आस-पास के अन्य तत्वों द्वारा नहीं लिया जाएगा, तो आपको visibility: hidden की आवश्यकता होगी। अन्यथा, display: none का उपयोग करें, जो अन्य तत्वों को तत्व की जगह में जाने की अनुमति देगा।
दोनों का उपयोग करने का कोई कारण नहीं है।
दृश्यता: छुपा तत्व तत्व को छुपाता है लेकिन यह अभी भी लेआउट में स्थान लेता है। प्रदर्शन: कोई भी इसे पूरी तरह से हटा देता है। ,
कोई भी अपनी छिपी हुई सामग्री सुलभ होने के लिए स्क्रीन रीडर के साथ उन लोगों के लिए — की जरूरत है, उदाहरण के — के लिए तो आप display: none या visibility: hidden उपयोग नहीं करना चाहिए के रूप में दोनों संभावित छिपा सकते हैं:
आपके मामले में, मैं प्रदर्शन का प्रयोग करेंगे स्क्रीन पाठकों से सामग्री। इसके बजाए, आपको अधिक सुलभ दृष्टिकोण का उपयोग करना चाहिए, जैसे सामग्री को नकारात्मक मार्जिन से बंद करना। अधिक जानकारी के लिए निम्न लिंक देखें:
456 Berea Street: Hiding with CSS: Problems and solutions
WebAIM Blog: Hiding content for screen readers
बस उत्सुक है, लेकिन आप वास्तव में सामग्री को छिपाना क्यों चाहते हैं लेकिन फिर भी यह स्क्रीन पाठकों के लिए सुलभ है? अगर यह छिपा हुआ है, तो ऐसा इसलिए है क्योंकि मैं वर्तमान में इसे दिखाना नहीं चाहता हूं। – Maverick
@ MrN00b आप सौंदर्य कारणों से सामग्री छुपा रहे हैं, जैसे कि संक्षिप्त करने वाले अनुभाग जो उपयोगकर्ता छिपा सकते हैं या प्रकट कर सकते हैं। – Mike
प्रदर्शन: कोई नहीं केवल काम करेंगे ठीक – Tommy