css如何设置透明度(兼容ie,firefox)

2024-11-07 22:30:01

推荐回答（4个）

回答（1）：

css设置透明度，首先需要知道的是在浏览器中的不同使用，一般在ie中用的是filter:alpha(opacity=0);这个属性来设置div或者是块级元素的透明度，而在firefox中，一般就是直接使用opacity:0,对于兼容的，一般的做法就是在书写css样式的将2个都写上就行，就能实现兼容，具体看代码：

#div1{
width:200px;
height:600px;
margin:0 auto;
opacity:0;
filter:alpha(opacity=0); //0 代表的是隐藏，就是透明度最低。
}

测试文字。

回答（2）：

CSS - firefox与IE透明度(opacity)设置区别

IE：
filter:alpha(opacity=sqlN)
其中 sqlN的值域为[0, 100]

Firefox,Chrome和Safari：
opacity:sqlN
其中sqlN的值域为[0, 1]

.ieCss {   
     display:-moz-inline-box;   
     display:inline-block;   
     width:100;   
     height:100;   
     background-color:red;   
     filter:alpha(opacity=50);   
}   
.fireFox35Css {   
     display:-moz-inline-box;   
     display:inline-block;   
     width:100;   
     height:100;   
     background-color:blue;   
     opacity:0.5;   
}

回答（3）：

filter:alpha(Opacity=40);
opacity:0.40;
-moz-opacity:0.40;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

回答（4）：

1：.style {
background:rgba(0,0,0,0.4) none repeat scroll 0 0 !important;
filter:alpha(opacity=40);
background: ##000;
}
2: style2 {
background-color: red;
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
2种方法，背景透明字体不透明。