如何为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;

- Strawberry

Answer 1

你可以使用CSS3PIE实现这一功能。它可为IE添加圆角、阴影和渐变背景支持。

希望对你有所帮助！

- Valentin Flachsel

---

+1 for CSS3Pie - 一个非常出色的产品；它比其他所有解决方案都更加优秀。它基本上为所有版本的IE（甚至是IE6）提供了基于CSS的圆角和阴影效果。 - Spudley

Answer 2

对于IE8上的阴影效果，您可以使用以下代码：

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

这里，Strength表示阴影的密度，Direction表示阴影偏移的角度，每次增加45度。请参考MSDN上的Direction Property。

希望这能有所帮助。

- itsandy

Answer 3

IE8不支持阴影和圆角。

通常最好使用png图像来制作阴影和圆角，然后为IE6进行修改。

或者您可以使用类似spiffy corners（http://www.spiffycorners.com/）的工具实现圆角。

- Coin_op