2014-10-08 58 views
0

我试图在我的网站中使用opacity,但它在IE8中效果不佳。我的代码如下:尝试在IE8中使用不透明度

filter:alpha(opacity=80); 
    -moz-opacity: 0.8; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 

当我更改值时,结果输出始终是相同的。

编辑:谢谢你给我一个类似的问题,但我有一个布局和不透明属性它应用于布局。

+0

是你的元素的所有代码?如果是这样,那么你可能会遭受IE8的[hasLayout](http://www.satzansatz.de/cssd/onhavinglayout.html)问题。 – TylerH 2014-10-08 14:49:34

+1

http://css-tricks.com/snippets/css/cross-browser-opacity/看看这个 – box86rowh 2014-10-08 14:49:52

+0

@ box86rowh哈哈我只是回答了;) – 2014-10-08 14:50:59

回答

0

这都是不透明度的CSS代码:

.classname { 
    /* IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 

    /* IE 5-7 */ 
    filter: alpha(opacity=80); 

    /* Netscape */ 
    -moz-opacity: 0.8; 

    /* Safari 1.x */ 
    -khtml-opacity: 0.8; 

    /* Good browsers */ 
    opacity: 0.8; 
} 

尝试添加所有这些,它最有可能的工作

+0

我不知道为什么,但此代码(不带-khtml)现在可以工作.....谢谢! – Marcos 2014-10-09 10:50:39

+0

好奇怪,很高兴帮助;) – 2014-10-09 10:51:53