फ़ॉलबैक रंग का उपयोग उस स्थिति के लिए रंग निर्दिष्ट करने के लिए किया जाता है जब ब्राउज़र RGBA रंगों का समर्थन नहीं करता है। कुछ ब्राउज़र जो फ़ॉलबैक रंगों का समर्थन नहीं करते हैं, वे हैं ओपेरा 9 और नीचे, IE 8 और नीचे आदि। RGBA रंग से पहले एक ठोस रंग निर्दिष्ट करें ताकि ब्राउज़र RGBA रंगों का समर्थन न करने पर भी ठोस रंग काम कर सके।
CSS में फ़ॉलबैक रंग घोषित करने के लिए कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
div {
padding:20px;
font-size: 24px;
background-color: purple; /*fallback color*/
background-color: rgba(128, 0, 128, 0.527);
color:white;
}
</style>
</head>
<body>
<h1>Fallback color example</h1>
<div>Some random text inside this div</div>
</body>
</html> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
