CSS设置div元素的透明度_html/css_WEB-ITnose
程序员文章站
2022-05-07 22:38:04
...
在IE中需要通过"filter"来定义透明度"opacity",而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持,需要把两种设定都加进去。
.div { filter:alpha(opacity=50);/*IE*/ opacity:0.5;/*Mozilla*/}
用下面的样式表定义你的div可以有各种过度效果。.alpha是div的class.精心开发5年的UI前端框架!
.alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}
解释:
Opacity=开始的不透明度(100的话就不透明了)
FinishOpacity=结束的不透明度(100的话就不透明了)
Style=样式,从0开始,1.2.3....有均匀透明啊,放射形状透明啊...
StartX=开始透明的X坐标,基本上为图片、层的左上角(0)
StartY= 开始透明的Y坐标,基本上也为图片、层的左上角(0)
FinishX=结束透明的X坐标,基本上也图片、层的右下(图片、层的宽度)
FinishY=结束透明的Y坐标,基本上也为图片、层的右下角(图片、层的高度)
下一篇: psd图片怎么做
推荐阅读
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
DIV+CSS在不同浏览器中的表现_html/css_WEB-ITnose
-
php正则匹配html中的带class的div,选取其中的内容_html/css_WEB-ITnose
-
关于两个div高度保持一致的(css+js)两种解决办法_html/css_WEB-ITnose
-
tips 前端 背景与元素的透明和模糊_html/css_WEB-ITnose
-
帝国CMS后台系统设置里面的扩展变量是干什么的?_html/css_WEB-ITnose
-
为什么我的div与父div之间有距离?_html/css_WEB-ITnose
-
为什么连续2个div的margin 20 不会出现40?_html/css_WEB-ITnose
-
怎样控制DIV的线条显示效果?_html/css_WEB-ITnose
-
不同元素对齐的问题:需要底部,或者是中间对齐。_html/css_WEB-ITnose