网络编程
位置:首页>> 网络编程>> 网页设计>> 5个CSS3技术实现设计增强(2)

5个CSS3技术实现设计增强(2)

作者:暴风彬彬 来源:彬Go 发布时间:2009-09-04 17:04:00 

标签:设计,css3,技术

1.透明颜色

目前支持的浏览器:Apple Safari 4, Firefox 3.0.5+, Google Chrome 1+

RGBA允许你控制某个特性填充颜色的不透明度,无论是文本、背景、边框还是背景颜色。

设置颜色透明度的时候,你需要使用RGB颜色值,不可以再使用十六进制值,而那个”A”则代表透明度,你可以设置从0(透明)到1(不透明)之间的数值。

rgba(0-255,0-255,0-255,0-1)

你还可以单独使用RGB值:

.topbox {
    color: rgb(235,235,235);
    color: rgba(255,255,255,0.75);
    background-color: rgb(153,153,153);
    background-color: rgba(0,0,0,0.5);
    border-color: rgb(235,235,235);
    border-color: rgba(255,255,255,0.65);
}

有个好消息就是至少你可以使用CSS滤镜单独针对IE浏览器设置背景颜色。

注:由于Wordpress不能显示以上代码,所以将其弄成图片,所以你需要自行写以上代码了哦。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com