Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

आईई 8 और उससे कम सहित सभी वेब ब्राउज़रों के लिए सीएसएस छवि अस्पष्टता

<घंटा/>

संपत्ति अस्पष्टता अंतिम और आधुनिक समाधान है और फ़ायरफ़ॉक्स 0.9+, सफारी 2, ओपेरा 9+, आईई 9+ और Google क्रोम के हर संस्करण के लिए काम करता है। -मोज़-अपारदर्शिता गुण 0.9 से पुराने फ़ायरफ़ॉक्स संस्करणों के लिए अपारदर्शिता गुण है जबकि -khtml-opacity गुण 1 से शुरू होने वाले सफारी संस्करणों के लिए है। फ़िल्टर गुण IE ब्राउज़र के लिए 5 से 9 तक अस्पष्टता जैसा प्रभाव देने के लिए है।

सभी ब्राउज़रों के लिए CSS का उपयोग करके छवि अस्पष्टता के लिए कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
body{
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
img {
   width:270px;
   height:200px;
}
.transparent{
   filter: alpha(opacity=30);
   -moz-opacity: 0.3;
   -khtml-opacity: 0.3;
   opacity: 0.3;
}
</style>
</head>
<body>
<h1>Opacity example</h1>
<img src="https://i.picsum.photos/id/505/800/800.jpg" >
<img class="transparent" src="https://i.picsum.photos/id/505/800/800.jpg" >
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

आईई 8 और उससे कम सहित सभी वेब ब्राउज़रों के लिए सीएसएस छवि अस्पष्टता


  1. छद्म वर्ग और सभी सीएसएस वर्ग

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

  1. 2020 में वेब डिज़ाइन के लिए नवीनतम CSS गुण और API

    डेवलपर्स को जावास्क्रिप्ट और सीएसएस के मिश्रण के साथ अपनी वेबसाइटों को अनुकूलित करने में मदद करने के लिए, नए सीएसएस गुण विकसित किए गए हैं और अब लोकप्रिय ब्राउज़रों का समर्थन करते हैं। इनमें से कुछ नीचे सूचीबद्ध हैं - फोकस-भीतर इसका उद्देश्य तत्वों के भीतर फोकस-पहुंच-योग्यता को हल करना है स्क्रॉल-स्

  1. वेब पेज पर किसी शब्द की खोज कैसे करें (सभी ब्राउज़र्स)

    जब आप किसी वेब पेज पर कुछ खोजना चाहते हैं, तो आप उसे खोज सकते हैं। हालांकि, एक लंबे वेब पेज पर कुछ विशिष्ट खोजना अनावश्यक रूप से निराशाजनक हो सकता है। अच्छी खबर यह है कि आप कुछ त्वरित कार्यों को आसानी से निष्पादित कर सकते हैं और कुछ ही समय में आप जो खोज रहे हैं उसे ढूंढ सकते हैं। जानें कि आप विभिन्न