IE CSS半透明的注意事项

在IE下的半透明层,必须在样式里明确定义宽度或高度,才能出现半透明效果,否则无法半透明,如下
在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中加了margin:0 auto;却没有效果,不能居中的问题,margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应,其实就是水平居中的意思,在这里说两个典型的错误引起的不能居中的问题: 1、
public class Cookie1 extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType(text/html;charset=utf-8); PrintWriter out = response.getW
li 元素中包含 a img 元素的时候会比较麻烦,需要注意,当然,问题还是一如既往的出现在 IE 下。以下为其中一例 ulliahref=#imgsrc=temp.jpg//a/liliahref=#imgsrc=temp.jpg//a/liliahref=#imgsrc=temp.jpg//a/liliahref=#imgsrc=temp.jpg//a/li/ulul{width:
前端领域又发生了翻天覆地的变化,涌现了许多优秀的Javascript和CSS库,我们继续给大家收集和整理部分出色的前端组件和库分享给大家,希望对您有所帮助。 Moon Moon是一个JavaScript UI库,类似Vue.js,但是相对vue更加简化和直接,它去除一些膨胀代码。 它
CSS实现背景透明,文字不透明(各浏览器兼容)[转载]以下是示例CSS部分代码: