§ ITPOW >> 文档 >> XHTML

如何让透明度起作用(2006-04-02 更新)

作者:vkvi 来源:ITPOW(原创) 日期:2006-3-22

在下列代码中:
<img src="http://www.itpow.com/images/cftea.gif" style="filter:alpha(opacity=50);">
可以让图片透明度显示为50%。

可是应用到 div 上,如:
<div style="filter:alpha(opacity=50);"><img src="http://www.itpow.com/images/cftea.gif">ITPOW</div>
却不能将图片和文字透明度显示为50%。

怎么办呢?
给 div 加上 position 属性就可以了,如:
<div style="position:absolute;filter:alpha(opacity=50);"><img src="http://www.itpow.com/images/cftea.gif">ITPOW</div>

注意:
position 属性值必须是 absolute。
alpha 在 NS 浏览器中无效。

但 position 属性毕竟改变了网页布局,不是我们希望的,另一个办法就是用样式表给 div 指定宽度和/或高度,这是因为 div 不像图片一样自身具有宽高属性,而滤镜是作用于有区域的元素的。

最后更新:2006-04-02 16:18

相关文章