Màu dự phòng được sử dụng để chỉ định màu trong trường hợp trình duyệt không hỗ trợ màu RGBA. Một số trình duyệt không hỗ trợ màu dự phòng là opera 9 trở xuống, IE 8 trở xuống, v.v. Chỉ định màu đồng nhất trước màu RGBA để màu đồng nhất vẫn có thể hoạt động nếu trình duyệt không hỗ trợ màu RGBA.
Sau đây là mã để khai báo màu dự phòng trong CSS -
Ví dụ
<!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> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
