CSS3参考手册
»
取值与单位列表
»
颜色值
»
相关内容:
锟斤拷锟斤拷锟斤拷色值锟轿匡拷
选择其它项
<color>
Color Name
HEX
RGB
RGBA
HSL
HSLA
transparent
currentColor
transparent
锟斤拷锟狡憋拷页锟斤拷锟斤拷
版本:CSS1/3
Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+
说明:
RGBA(R,G,B,A)
取值:
R:
红色值。正整数 | 百分数
G:
绿色值。正整数 | 百分数
B:
蓝色值。正整数 | 百分数
A:
Alpha透明度。取值0 - 1之间。
说明:
用来指定全透明色彩。
transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值。
在CSS1中,transparent被用来作为
background-color
的一个参数值,用于表示背景透明。
在CSS2中,
border-color
也开始接受transparent作为参数值,《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到
color
也接受transparent作为参数值。
在CSS3中,transparent被延伸到任何一个有
color
值的属性上。
兼容性:
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
IE
Firefox
Chrome
Safari
Opera
iOS Safari
Android Browser
Android Chrome
6.0
#1
#2
2.0+
4.0+
3.1+
3.5+
3.2+
2.1+
18.0+
7.0-8.0
#2
9.0+
border-color
不接受该值,如果使用了该值,则使用
currentColor
;
color
不接受该值,如果使用了该值,则使用
currentColor
;
示例:
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>transparent_CSS参考手册_web前端开发参考手册系列</title> <style>.test { color: transparent; border: 1px solid transparent; background: transparent; } </style> <link rel="stylesheet" href="../../../../static/css/manual/css3.css" /> <!--#include file="/manual/css3/inc/header.shtml" --></head> <body> <div class="test">看看各带color的属性设置为transparent时的效果</div> <!--#include file="/manual/css3/inc/footer.shtml" --></body> </html>