1

我正在使用它为我的页面上的几个图像设置 box-shadow 属性,它在 Firefox 和 Chrome 上运行良好,但拒绝在 Internet Explorer 9 上运行。

box-shadow: 0px0.5px8px1px  #888888;

box-shadow: rgb(150,150,150) 0 0 20px;

我应该使用其他东西以使其与 IE9 兼容吗?

4

6 回答 6

2

这在 IE9 中对我有用:

box-shadow: 0px 0px 4px 0px rgba(28, 24, 28, 0.65);

与十六进制相同:

box-shadow: 0px 0px 4px 0px #000000;

如果这没有帮助,试试这个:按 F12 并阅读您使用的 browsermod/documentmode。比我们可以为您提供的帮助更多。

于 2012-04-13T16:31:46.383 回答
0

感谢 Sparky672 和 ShogunArts.de 的帖子。他们发布的css受IE9支持。

我遇到的问题是我的自定义品牌在页面上强制使用 IE8 模式。一旦我在元标记中将其更改为 IE9,所有样式都显示得很好!

于 2012-05-01T16:27:05.103 回答
0

我还有一个设置为 IE8 浏览器模式的自定义品牌。

 <meta http-equiv="X-UA-Compatible" content="IE=9"/>

一旦我将它更改为 IE9,它就像一个魅力!

于 2012-06-05T15:29:52.170 回答
0

可能值得检查 IE9 是否处于 IE7 模式。检查您的 IE 开发人员工具。IE9 需要处于 IE9 模式box-shadow才能工作。

于 2012-08-29T08:55:17.583 回答
0

在没有 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;
}
于 2013-11-10T12:22:38.603 回答
-2

顺序无关紧要(颜色优先 -> 值,反之亦然)只需确保数值按顺序排列即可。

确保在您的值之间包含空格。同样只使用 0 是无效的(它应该是 0px)。

如果您需要更多帮助,请查看:http: //yearofmoo.com/2011/03/ie9-and-css3-box-shadow/

于 2012-04-13T14:37:06.053 回答