我试图在我的网站中使用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