CSS
अस्पष्टता
खोज…
वाक्य - विन्यास
- अपारदर्शिता: संख्या (* 0 और 1 के बीच कड़ाई) | विरासत | प्रारंभिक | अनसेट;
टिप्पणियों
यदि आप अपारदर्शिता लागू नहीं करना चाहते हैं, तो आप इसके बजाय इसका उपयोग कर सकते हैं:
पृष्ठभूमि: आरजीबीए (255, 255, 255, 0.6);
संसाधन:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- W3C पारदर्शिता: 'अस्पष्टता' संपत्ति: https://www.w3.org/TR/css3-color/#ransransparency
- ब्राउज़र समर्थन: http://caniuse.com/#feat=css-opacity
अपारदर्शिता गुण
एक तत्व की अपारदर्शिता को opacity गुण का उपयोग करके सेट किया जा सकता है। मान 0.0 (पारदर्शी) से 1.0 (अपारदर्शी) तक कहीं भी हो सकते हैं।
उदाहरण उपयोग
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| संपत्ति मूल्य | पारदर्शिता |
|---|---|
opacity: 1.0; | न झिल्लड़ |
opacity: 0.75; | 25% पारदर्शी (75% अपारदर्शी) |
opacity: 0.5; | 50% पारदर्शी (50% अपारदर्शी) |
opacity: 0.25; | 75% पारदर्शी (25% अपारदर्शी) |
opacity: 0.0; | पारदर्शक |
IE `अस्पष्टता` के लिए संगतता
IE के सभी संस्करणों में opacity का उपयोग करने के लिए, यह क्रम है:
.transparent-element {
/* for IE 8 & 9 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
/* works in IE 8 & 9 too, but also 5, 6, 7 */
filter: alpha(opacity=60); // IE 5-7
/* Modern Browsers */
opacity: 0.6;
}
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow