css如何设置透明度(兼容ie,firefox)
4个回答
展开全部
css设置透明度，首先需要知道的是在浏览器中的不同使用，一般在ie中用的是filter:alpha(opacity=0);这个属性来设置div或者是块级元素的透明度，而在firefox中，一般就是直接使用opacity:0,对于兼容的，一般的做法就是在书写css样式的将2个都写上就行，就能实现兼容，具体看代码：
<html>
<head>
#div1{
width:200px;
height:600px;
margin:0 auto;
opacity:0;
filter:alpha(opacity=0); //0 代表的是隐藏，就是透明度最低。
}
</head>
<body>
<div id='div1'>
<p>测试文字。</p>
</div>
</body>
</html>
<html>
<head>
#div1{
width:200px;
height:600px;
margin:0 auto;
opacity:0;
filter:alpha(opacity=0); //0 代表的是隐藏，就是透明度最低。
}
</head>
<body>
<div id='div1'>
<p>测试文字。</p>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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;
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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)";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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种方法，背景透明字体不透明。
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种方法，背景透明字体不透明。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
