वेब पेजों में डिजिटल इमेज कैसे छुपाएं

कैस्केडिंग शैली पत्रक आपकी वेबसाइट पर पृष्ठों को बनाए रखने में समय बचाने में आपकी सहायता कर सकते हैं। उदाहरण के लिए, डिजिटल चित्र, संभवतः आपके कुछ वेब पेजों पर दिखाई देते हैं। यदि आपको कभी भी लोगों को उन छवियों को देखने से रोकने की आवश्यकता है, तो आप अपने HTML दस्तावेज़ में एक शब्द बदलकर छवियों को छिपाने के लिए CSS का उपयोग कर सकते हैं। तुम भी अपने दस्तावेज़ के सीएसएस कोड के लिए एक त्वरित अद्यतन करके छवियों को तुरंत प्रकट कर सकते हैं।

1।

एक HTML दस्तावेज़ खोलें जिसमें कम से कम एक छवि हो और दस्तावेज़ का मुख्य भाग ढूंढें। बॉडी सेक्शन के इमेज टैग नीचे दिखाए गए के समान दिखाई देंगे:

एक मूल छवि टैग जो "img" शब्द से शुरू होता है। इस उदाहरण के टैग में "img / setting-new-business-167 / how-hide-digital-images-web-pages-2.jpg" नाम की एक इमेज का संदर्भ है।

2।

अपनी एक छवि टैग को बदलें ताकि यह "दृश्यता" नामक सीएसएस वर्ग को संदर्भित करे, जैसा कि निम्नलिखित उदाहरण में दिखाया गया है:

यदि टैग में पहले से ही एक वर्ग संदर्भ है, तो आपको टैग को थोड़े अलग तरीके से बदलना होगा। मान लें कि आपका टैग नीचे दिखाया गया है:

वह इमेज टैग पहले से ही "myclass" नामक एक वर्ग का संदर्भ देता है, यदि आपका img टैग पहले से ही एक वर्ग का संदर्भ देता है, जैसा कि यह करता है, वर्ग नाम के बाद "दृश्यता" को जोड़ दें, जैसा कि नीचे देखा गया है:

3।

अपने दस्तावेज़ के मुख्य भाग में निम्नलिखित पेस्ट करें:

यह दृश्यता वर्ग बनाता है और इसका प्रदर्शन विशेषता मान "ब्लॉक" पर सेट करता है। यह मान छवियों को दिखाई देता है।

4।

दस्तावेज़ को सहेजें और इसे किसी भी ब्राउज़र में खोलें। आपकी छवियां सामान्य दिखाई देंगी।

5।

अपने संपादक पर लौटें और उस सीएसएस कोड का पता लगाएं, जिसे आपने दस्तावेज़ के मुख्य भाग में जोड़ा था। प्रदर्शन विशेषता के मान को "ब्लॉक" से "कोई नहीं" में बदलें और दस्तावेज़ को सहेजें।

6।

अपने ब्राउज़र पर लौटें और "Ctrl-F5" दबाएं ताकि इसका अस्थायी भंडारण साफ़ हो सके। जब पृष्ठ ताज़ा हो जाएगा, तो आपकी छवियां चली जाएंगी।

टिप्स

  • प्रत्येक छवि के लिए एक वर्ग संदर्भ जोड़ें जिसे आप छिपाना चाहते हैं। अपनी सीएसएस क्लास को अपनी पसंद का नाम दें। इस उदाहरण में इसका नाम "दृश्यता" है।
  • "ब्लॉक" शब्द को "ब्लॉक" में बदलकर अपनी छवियों को फिर से दिखाई दें।

लोकप्रिय पोस्ट