RGBA रंग मानों का उपयोग
केवल बैकग्राउंड रंग की पारदर्शिता सेट करने के लिए (कंटेंट को अपारदर्शी रखते हुए) rgba(red, green, blue, alpha) या hsla() फंक्शनल नोटेशन का उपयोग करें। alpha 0 (पूरी तरह पारदर्शी) से 1 (पूरी तरह अपारदर्शी) तक होता है।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
div {
background: rgb(40, 135, 70);
padding: 20px;
}
div.first {
background: rgba(40, 135, 70, 0.2);
}
div.second {
background: rgba(40, 135, 70, 0.6);
}
</style>
</head>
<body>
<p>RGBA color values</p>
<div class="first"><p>20% opacity</p></div>
<div class="second"><p>60% opacity</p></div>
<div><p>Default Opacity</p></div>
</body>
</html>पहला बॉक्स 20% ओपेक (80% पारदर्शी), दूसरा 60% ओपेक, तीसरा पूरी तरह ओपेक। टेक्स्ट पूरी तरह विज़िबल रहता है।
