CSS से ट्रांसपेरेंट बॉक्स बनाएं

opacity प्रॉपर्टी का उपयोग

opacity प्रॉपर्टी (0 से 1) एलिमेंट और उसके सभी चाइल्ड्स की पारदर्शिता सेट करती है। पुराने IE के लिए filter: alpha(opacity=...) का उपयोग किया जाता था।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        background-color: #808000;
        padding: 20px;
      }
      div.myopacity {
        opacity: 0.4;
        filter: alpha(opacity=80); /* IE8 और पुराने के लिए, मान 0-100 */
      }
    </style>
  </head>
  <body>
    <h1>Heading</h1>
    <p>Check trensparency in the below box:</p>
    <div class="myopacity">
      <p>opacity 0.4</p>
    </div>
    <div>
      <p>opacity 1</p>
    </div>
  </body>
</html>

नोट: opacity पूरे एलिमेंट (चाइल्ड्स सहित) को पारदर्शी बनाता है। केवल बैकग्राउंड को पारदर्शी करने के लिए rgba() या hsla() रंग उपयोग करें।