फॉलबैक कलर का उपयोग उस स्थिति के लिए कलर निर्दिष्ट करने के लिए किया जाता है जब ब्राउज़र 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>आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
