[CSS参考手册](http://css.doyoe.com/)»[取值列表](#)»[颜色值](#)» 相关内容： [**其它颜色值参考**选择其它项](#) - [Color Name](#) - [HEX](#) - [RGB](#) - [RGBA](#) - [HSL](#) - [HSLA](#) - [transparent](#) # transparent - **版本：CSS1/CSS3** ### 说明： **用来指定全透明色彩。** - 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作为参数值。IE6不支持[border](#)的颜色为transparent，边框色会显示为黑色。 - 在CSS3中，transparent被延伸到任何一个有[color](#)值的属性上。IE8及以下，[color](#)属性值为transparent时，文本显示为黑色。 ### 兼容性： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 <table class="gdataform"><thead><tr><th><a href="#browser" title="查看本文档测试时所用浏览器版本">支持版本</a>\类型</th> <th><span class="browser-ie">IE</span></th> <th><span class="browser-firefox">Firefox</span></th> <th><span class="browser-safari">Safari</span></th> <th><span class="browser-chrome">Chrome</span></th> <th><span class="browser-opera">Opera</span></th> </tr></thead><tbody><tr><th>版本</th> <td class="partsupport">6.0 ^{<a href="#support1">#1</a>}</td> <td rowspan="3" class="support">4.0</td> <td rowspan="3" class="support">5.1</td> <td rowspan="3" class="support">13.0</td> <td rowspan="3" class="support">11.50</td> </tr><tr><th>版本</th> <td class="partsupport">7.0-8.0 ^{<a href="#support2">#2</a>}</td> </tr><tr><th>版本</th> <td class="support">9.0</td> </tr></tbody></table> 1. IE6及更早浏览器只有background-color接受transparent取值。 1. IE7及IE8除了background-color，还有border-color也开始接受transparent取值。 ### 示例： 看看各带color的属性设置为transparent时的效果 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved