数据结构
网络
关系型数据库管理系统
操作系统
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+浏览量
广告