Box-shadow CSS样式在IE9中不起作用？

我使用这个设置的一对夫妇在我的网页上的图像的box-shadow属性，它在Firefox和Chrome的伟大工程，但拒绝在Internet Explorer 9，工作Box-shadow CSS样式在IE9中不起作用？

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

和

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

我是否应该使用其他东西，因为它可以与IE9兼容？

来源

2012-04-13 user1266515

'的box-shadow：0像素0.5px 8像素1px的＃888888;'在IE9对我来说工作正常。您的IE9使用不同的浏览器模式？不同的文件模式？ – 2012-04-13 14:35:46

这个工作对我来说在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-13 16:31:46 WolvDev

浏览器模式：IE9 DocumentMode：IE9标准。我需要改变它吗？ – user1266515 2012-04-13 20:00:08

我有完全相同的语法，但没有它似乎无法正常工作！它继续在Firefox和Chrome上工作。 – user1266515 2012-04-13 20:07:37

-2

顺序无关紧要（颜色优先 - >值，反之亦然），只要确保数值符合要求即可。

确保在您的值之间包含空格。也只使用0是无效的（它应该是0px）。

如果您需要更多的帮助，看看这个： http://yearofmoo.com/2011/03/ie9-and-css3-box-shadow/

来源

2012-04-13 14:37:06 matsko

** Quote：** _“仅使用0是无效的”_。错误。当值为零时，单位是_optional_。请参阅第5节... http://www.w3.org/TR/css3-values/ – Sparky 2012-04-13 14:38:14

您是否仅仅指出“0”是无效的（即没有测量）？我一直认为没有必要通过一个单位，因为0px = 0em = 0cm等 – BenM 2012-04-13 14:38:20

你是对的@BenM。 [这里是'box-shadow'的W3C规范]（http://www.w3.org/TR/css3-background/#the-box-shadow）其中单独使用“0”（无单位）甚至在内部使用他们的例子。 – Sparky 2012-04-13 14:44:55

感谢Sparky672和ShogunArts.de的发布。他们发布的CSS由IE9支持。

我遇到的问题是我的自定义品牌强制页面上的IE8模式。一旦我在meta标签中将其更改为IE9，所有样式都显示出来了！

来源

2012-05-01 16:27:05 user1266515

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

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

一旦我将其更改为IE9，它就像一个魅力！

来源

2012-06-05 15:29:52 user1266515

可能值得检查IE9不在IE7模式下。检查您的IE开发人员工具。 IE9需要在IE9模式下工作才能使用box-shadow。

来源

2012-08-29 08:55:17 dradd

完美的工作对我来说这种方式不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-10 12:22:38 Karra

Box-shadow CSS样式在IE9中不起作用？

回答

相关问题