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

　　推荐阅读

　　以图例方式介绍CSS制作网页详细步骤

首先要做的是确定页面结构。随着你对CSS布局的逐步学习，这个过程会变得越来越简单。通过运用大量绝对定位和大幅背景图片，我们可以非常简单地完成这个设计。 第一步>>>详细阅读

本文标题：IE CSS半透明的注意事项

地址：http://www.17bianji.com/kaifa2/CSS/17065.html

 1/2    1