我試圖在我的網站中使用opacity
,但它在IE8中效果不佳。我的代碼如下:嘗試在IE8中使用不透明度
filter:alpha(opacity=80);
-moz-opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
當我更改值時,結果輸出始終是相同的。
編輯:謝謝你給我一個類似的問題,但我有一個佈局和不透明屬性它應用於佈局。
我試圖在我的網站中使用opacity
,但它在IE8中效果不佳。我的代碼如下:嘗試在IE8中使用不透明度
filter:alpha(opacity=80);
-moz-opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
當我更改值時,結果輸出始終是相同的。
編輯:謝謝你給我一個類似的問題,但我有一個佈局和不透明屬性它應用於佈局。
這都是不透明度的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;
}
嘗試添加所有這些,它最有可能的工作
我不知道爲什麼,但此代碼(不帶-khtml)現在可以工作.....謝謝! – Marcos 2014-10-09 10:50:39
好奇怪,很高興幫助;) – 2014-10-09 10:51:53
爲了支持IE8 +透明度,你只需要以下條件:
.transparent {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}
http://css-tricks.com/css-transparency-settings-for-all-broswers/
是你的元素的所有代碼?如果是這樣,那麼你可能會遭受IE8的[hasLayout](http://www.satzansatz.de/cssd/onhavinglayout.html)問題。 – TylerH 2014-10-08 14:49:34
http://css-tricks.com/snippets/css/cross-browser-opacity/看看這個 – box86rowh 2014-10-08 14:49:52
@ box86rowh哈哈我只是回答了;) – 2014-10-08 14:50:59