我正在使用它为我的页面上的几个图像设置 box-shadow 属性,它在 Firefox 和 Chrome 上运行良好,但拒绝在 Internet Explorer 9 上运行。
box-shadow: 0px0.5px8px1px #888888;
和
box-shadow: rgb(150,150,150) 0 0 20px;
我应该使用其他东西以使其与 IE9 兼容吗?
我正在使用它为我的页面上的几个图像设置 box-shadow 属性,它在 Firefox 和 Chrome 上运行良好,但拒绝在 Internet Explorer 9 上运行。
box-shadow: 0px0.5px8px1px #888888;
和
box-shadow: rgb(150,150,150) 0 0 20px;
我应该使用其他东西以使其与 IE9 兼容吗?
这在 IE9 中对我有用:
box-shadow: 0px 0px 4px 0px rgba(28, 24, 28, 0.65);
与十六进制相同:
box-shadow: 0px 0px 4px 0px #000000;
如果这没有帮助,试试这个:按 F12 并阅读您使用的 browsermod/documentmode。比我们可以为您提供的帮助更多。
感谢 Sparky672 和 ShogunArts.de 的帖子。他们发布的css受IE9支持。
我遇到的问题是我的自定义品牌在页面上强制使用 IE8 模式。一旦我在元标记中将其更改为 IE9,所有样式都显示得很好!
我还有一个设置为 IE8 浏览器模式的自定义品牌。
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
一旦我将它更改为 IE9,它就像一个魅力!
可能值得检查 IE9 是否处于 IE7 模式。检查您的 IE 开发人员工具。IE9 需要处于 IE9 模式box-shadow
才能工作。
在没有 HTC 文件的情况下以这种方式完美地为我工作
.shadow{
margin:10px;
padding:20px;
background-color:#FFF;
position:relative;
z-index:2;
border:1px solid #bebebe;
-moz-box-shadow: 5px 5px 10px #CCC;
-webkit-box-shadow: 5px 5px 10px #CCC;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
opacity:1;
box-shadow: 5px 5px 10px #ccc;
}
顺序无关紧要(颜色优先 -> 值,反之亦然)只需确保数值按顺序排列即可。
确保在您的值之间包含空格。同样只使用 0 是无效的(它应该是 0px)。
如果您需要更多帮助,请查看:http: //yearofmoo.com/2011/03/ie9-and-css3-box-shadow/