Question

以下是我的链接：link text

滑块上的阴影在safari，firefox等中看起来很棒，但是如何让它在IE中看起来一样？

这是我目前的CSS代码：

-moz-box-shadow: 0px 0px 6px #666;          
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;

Answer 1

你可以尝试CSS3PIE，它为IE添加了一堆CSS3-isms。 CSS3PIE通常可以工作，但并不总是如此，并且会有一点性能损失。你可能不得不处理“haslayout”黑客攻击，但谷歌搜索应该有所帮助。

有一些类似的事情在踢，但我只使用CSS3PIE。

Answer 2

试试这个也适用于IE 6+

.shadow { zoom:1; /* This enables hasLayout, which is required for older IE browsers */        
filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);        
-moz-box-shadow:2px 2px 2px #b0b0b0;        
-webkit-box-shadow:2px 2px 2px #b0b0b0;
box-shadow:2px 2px 2px #b0b0b0;}

Answer 3

我的意见是你使用阴影图像更好，这样它在IE中也能正常工作....

你如何让IE中的CSS阴影在IE中看起来一样？

3 个答案: