用CSS实现Firefox 和IE 都支持的Alpha透明效果
2015-07-28 13:21
891 查看
有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。
CSS:
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/
IE使用私有属性filter:alpha(opacity),Moz Family使用私有属性-moz-opacity,而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。后面的数值是透明度,使用百分比或者小数。
CSS:
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器(FF 1.5也支持)*/
IE使用私有属性filter:alpha(opacity),Moz Family使用私有属性-moz-opacity,而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。后面的数值是透明度,使用百分比或者小数。
相关文章推荐
- css自学笔记
- css给网页添加 黑白滤镜
- css div重叠 CSS让DIV层叠 两个DIV或多个DIV顺序重叠加
- DIV+CSS网页设计常用布局代码
- 常用css样式处理
- CSS3自定义滚动条样式 -webkit-scrollbar
- [技巧心得] 高效整洁CSS代码原则
- css display 总结
- CSS中background-position的使用
- CSS实现文字自动换行
- html的三种样式定义方式:外部样式表;内部样式表;内联样式表
- CSS强制英文、中文换行与不换行 强制英文换行
- css居中总结
- CSS3实现动态背景登录框的代码
- CSS - Span 下的width设置不可用?
- CSS - display:inline-block 相邻元素间有4px的空白间距
- sass 和 scss
- 当前栏目添加样式
- qss样式
- CSS十大应对技巧