IE 8中的CSS不透明度问题

时间:2011-03-16 01:21:22

标签: css internet-explorer

喜 我在IE8中遇到div的不透明度问题,它在FF中工作正常。

3 个答案:

答案 0 :(得分:1)

我使用的过滤器是:

opacity: 0.60;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);

我拿出了Dan Cederholm的一本书(网页设计师的CSS3,A Book Apart酒吧)。

在您的脚本中,您定义function processJoinForm()并使用以下方式设置样式:

$(".popupBack").css("opacity","0.4");

我要做的是定义一个类,例如.makeOpaque并分配opacity属性,使用您认为合适的各种供应商特定属性。

使用jQuery的.addClass函数打开具有不透明效果的背景。

答案 1 :(得分:0)

如果您使用css进行不透明度,则很可能会遇到不同浏览器的问题。

以下是我所知道的:

filter:alpha(opacity=50); /*IE*/
-moz-opacity:0.5;      /*Firefox*/
-khtml-opacity:0.5;    /* webkit (safari chrome) */
opacity:0.5;           /* css3 */

非常确定过滤器在IE6中不起作用。

答案 2 :(得分:0)

我通过jquery使用了这个,这解决了问题

 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);

这解决了问题