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

सीएसएस अस्पष्टता / पारदर्शिता

<घंटा/>

CSS Opacity/Transparency के लिए, Opacity संपत्ति का उपयोग किया जाता है। उदाहरण के लिए,

<पूर्व>अस्पष्टता:0.3;

सीएसएस का उपयोग करते हुए अस्पष्टता/पारदर्शिता दिखाने वाला कोड निम्नलिखित है -

उदाहरण

Tansparency/Opacity उदाहरण

Lorem ipsum dolor Sit amet consectetur adipisicing अभिजात वर्ग। हिच, एक्यूसेंटियम।
लोरेम इप्सम डोलर सिट एमेट कॉन्सेक्टेटूर एडिपिसिसिंग एलीट। ईम, निसी!

सीएसएस अस्पष्टता / पारदर्शिता सीएसएस अस्पष्टता / पारदर्शिता

आउटपुट

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

सीएसएस अस्पष्टता / पारदर्शिता


  1. CSS का उपयोग करके Cross Browser Opacity सेट करना

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

  1. सीएसएस अस्पष्टता / पारदर्शिता

    CSS Opacity/Transparency के लिए, Opacity संपत्ति का उपयोग किया जाता है। उदाहरण के लिए, अस्पष्टता:0.3; सीएसएस का उपयोग करते हुए अस्पष्टता/पारदर्शिता दिखाने वाला कोड निम्नलिखित है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif;}div {चौड़ाई:200px; ऊंचाई:200px; पृष्ठभूमि-रंग:

  1. CSS Opacity जो सभी ब्राउज़रों में काम करती है

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