使用CSS3实现透明效果

    现在随窗口上下浮动的菜单栏很常见,而且这些菜单一般都要求有一定的透明度.

CSS本来就是支持透明的,IE以外的浏览器是opacity属性,IE是filter:alpha.但是,这个透明度有个缺点,就是它会使应用元素的内容也会继承它,比如有一个DIV,

代码如下:

div style=opacity:0.8;filter:alpha(opacity=80); font-weight: bold;

内容 

/div

 如果像上面这样DIV的背景是透明了,但是内容两个字也透明了,这时可以用RGBa.

.alert 

rgba(0,0,0,0.8);  

 这个属性前3个属性表示颜色红,绿,蓝,第四个是透明度.红绿蓝都是0代表黑色,所以rgba(0,0,0,0.8)就是将黑色的透明度设置为0.8.

CSS3使得原来很难实现的效果变得很简单,希望各浏览器对CSS3尽快实现完美支持.

目前最大的问题就是各大浏览器核心的兼容问题. 一般可以和客户说明 这个效果是有的, 但是不能全部浏览器兼顾.请自行考虑使用与否.

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/1042.html

很赞哦！ ()