สีสำรองใช้เพื่อระบุสีสำหรับสถานการณ์เมื่อเบราว์เซอร์ไม่สนับสนุนสี 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> ผลลัพธ์
รหัสข้างต้นจะสร้างผลลัพธ์ต่อไปนี้ -
