資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會科學
時裝研究
法律研究在CSS中宣告備用顏色
備用顏色用於指定當瀏覽器不支援RGBA顏色的情況下的顏色。一些不支援備用顏色的瀏覽器，如Opera。在RGBA顏色前指定一個純色，這樣，如果瀏覽器不支援RGBA顏色，純色仍然有效。
設定備用顏色
以下為CSS中宣告備用顏色的程式碼 -
background-color: purple; /*fallback color*/
示例
我們來看一個例子 -
<!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>
用rgb()設定備用顏色
示例
現代瀏覽器會先應用rgb()，然後轉到下一行並用rgba()覆蓋該顏色。我們來看一個例子 -
<!DOCTYPE html>
<html>
<head>
<style>
p {
padding:20px;
font-size: 24px;
background-color: rgb(255, 99, 71); /*fallback color*/
background-color: rgb(255, 99, 71, 0.6)
}
</style>
</head>
<body>
<h1>Fallback color example</h1>
<p>Some random text</p>
</body>
</html>
更新於：2023-11-01
5K+瀏覽量
廣告