如何为IE8添加边框半径和阴影？

Question

有没有为IE8做这个？

    -moz-box-shadow: 0px 0px 14px #585858; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 14px #585858; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 14px #585858; /* Opera 10.5, IE 9 */

    -moz-border-radius: 6px;
    border-radius: 6px;

Answer 1

您可以使用CSS3PIE执行此操作。它为IE添加了圆角，阴影和渐变背景支持。

希望这有帮助！

Answer 2

对于IE8上的影子，您可以使用

.box-shadow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000')";
}

其中Strength是阴影的密度，Direction是阴影偏移的角度，以45度为增量。请参阅MSDN上的Direction Property。

希望这有帮助。

Answer 3

IE8与阴影或圆角不兼容。

阴影和圆角通常最好使用png图像，然后针对IE6进行黑客攻击。

或者你可以使用像spiffy corner（http://www.spiffycorners.com/）这样的圆角。