IE下透明度设置的方法是：filter:alpha(opacity=opacityValue)
opacityValue的取值范围是【0~100】即0到100的整数
以下是firefox下的透明度设置例子
[html] view plaincopy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ffopacity.html</title>
<meta http-equiv="content-type" content="text/html charset=UTF-8">
<style type="text/css" media="all">
#p1{
opacity:0.2
}
#p2{
opacity:0.4
}
#p3{
opacity:0.6
}
#p4{
opacity:0.8
}
#p5{
opacity:1
}
p{
width:200px
height:100px
background-color:green
}
</style>
</head>
<body>
<p id="p1">opacity:0.2不透明度为20%</p>
<p id="p2">opacity:0.4不透明度为40%</p>
<p id="p3">opacity:0.6不透明度为60%</p>
<p id="p4">opacity:0.8不透明度为80%</p>
<p id="p5">opacity:1不透明度为100%</p>
<br/><br/>
<blockquote>IE不支持此属性,请使用Firefox或者Opera浏览.</blockquote>
</body>
</html>
FireFox下透明度设置的方法是：opacity=opacityValue
opacityValue的取值范围是【0.0~1.0】即0到1的小数
IE下透明度设置的方法是：filter:alpha(opacity=opacityValue)
opacityValue的取值范围是【0~100】即0到100的整数
以下是firefox下的透明度设置例子
以下是IE下的透明度设置例子
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>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）