IE CSS半透明的注意事项
在IE下的半透明层,必须在样式里明确定义宽度或高度,才能出现半透明效果,否则无法半透明,如下
复制代码代码如下:
style type=”text/css”!–
.tm {
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
background-color:#000000;
width:100%;
color:#ffffff;
}
.tp {
background-color:#ff00ff;
vertical-align: bottom;
height: 226px;
width: 140px;
}
–/style
style type=”text/css” mce_bogus=”1″.tm {
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
background-color:#000000;
width:100%;
color:#ffffff;
}
.tp {
background-color:#ff00ff;
vertical-align: bottom;
height: 226px;
width: 140px;
}/style
table border=”0″ cellspacing=”0″ cellpadding=”0″ class=”tp”
tr
td valign=”bottom”
div class=”tm”
asfasdfasd
/div
/td
/tr
/table
这个半透明是正常的,如果把样式tm的width:去掉,在firefox里依然正常透明,到了IE里就不能透明了!
转载请注明:范的资源库 » IE CSS半透明的注意事项