IE6为何不显示CSS透明效果

html-css08

IE6为何不显示CSS透明效果,第1张

请确保你的CSS样式正确定义

如果你的CSS样式在被正确定义的情况下能在其他浏览器中正确显示则说明CSS样式表没问题,而是IE问题.通常情况下这是由于IE浏览器设置导致的,IE6自身安全性相比IE5.5和之前的版本在安全方面有大副提高.

解决方案:

请首先确保IE设置为默认.并修改安全选项,并切自定义级别.如果还是不行,请使用在其他浏览器中使用的安全设置来设置IE6

怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。

<div class="box"></div>

<style>

.box{width:300pxheight:200pxmargin:0 autoboxder:1px solid #cccbackground:#000filter:alpha(opacity:30)opacity:0.3 -moz-opacity:0.3-khtml-opacity: 0.3}

</style>

其中background:#000filter:alpha(opacity:30)opacity:0.3为关键代码,当opacity值为1时,表示完全不透明,为0时表示完全透明。

其关的属性介绍如下:

opacity: 0.3;这是“最重要的”,因为它是在CSS的现行标准。这将在Firefox,Safari和Opera的大多数版本的工作。这将是你所需要的一切如果所有的浏览器都支持目前的标准。当然是他们不会错。

filter:alpha(opacity=30)这一个是针对IE浏览器

-moz-opacity:0.3你需要这一个支持老版本的Mozilla浏览器如Netscape Navigator。

-khtml-opacity: 0.3这是旧版本的Safari(1.×)当渲染引擎是使用仍被称为kthml,而不是目前的WebKit。