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里就不能透明了!

    推荐阅读