2014-10-08 34 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