css设置元素透明度代码实例_html/css_WEB-ITnose
程序员文章站
2022-04-23 18:13:46
...
css设置元素透明度代码实例:
本章节介绍一下如何设置一个元素的透明度,现在众多的效果都有使用,下面就介绍一下如何实现此效果。
w3c提供了一种标准的设置透明度的属性opacity,此属性值大小是介于0-1之间的,0为完全透明,1为完全不透明。
代码如下:
本章节介绍一下如何设置一个元素的透明度,现在众多的效果都有使用,下面就介绍一下如何实现此效果。
w3c提供了一种标准的设置透明度的属性opacity,此属性值大小是介于0-1之间的,0为完全透明,1为完全不透明。
代码如下:
蚂蚁部落
以上代码在谷歌和火狐浏览器中能够完美执行,但是在IE8和IE8以下浏览器中并不成功,因为它们并不支持opacity属性。
代码修改如下:
蚂蚁部落
以上代码实现了我们的要求,也就是添加了filter:alpha(opacity=30),这个IE浏览器支持,需要注意的是,括号中的opacity值是0-100的,0表示完全透明,100表示完全不透明。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12918
更多内容可以参阅:http://www.softwhy.com/divcss/
推荐阅读
-
jQuery设置css样式、jQuery创建元素、jQuery动画等代码实例讲解
-
ajax实现的点击数目加1代码实例_html/css_WEB-ITnose
-
css实现的文本框focus获取焦点设置样式代码实例_html/css_WEB-ITnose
-
CSS实现的鼠标滑过改变链接文字实例代码_html/css_WEB-ITnose
-
兼容所有浏览器的圆角矩形效果代码实例_html/css_WEB-ITnose
-
行内元素能不能设置垂直padding和垂直border呢?_html/css_WEB-ITnose
-
父元素设置overflow:hidden对定位元素也有效_html/css_WEB-ITnose
-
兼容所有浏览器的圆角矩形效果代码实例_html/css_WEB-ITnose
-
CSS设置行内元素和块级元素的水平居中、垂直居中_html/css_WEB-ITnose
-
兼容IE6的最小高度代码实例_html/css_WEB-ITnose