CSS Shadow IE8 及以下答案

【问题标题】：CSS Shadow IE8 and belowCSS Shadow IE8 及以下
【发布时间】：2011-04-24 02:03:47
【问题描述】：

我将以下 Shadow CSS 属性应用于表单以获得跨浏览器支持。它在 Firefox、chrome 和 IE9 中工作，但在 IE8 和以下阴影中被应用于输入字段而不是表单本身。我该如何解决这个问题。

<form>
    input1: <input type="text"><br>
    input2: <input type="text"><br>
    <input type="submit" value="submit">
</form>

form {
    width:400px;
    height:200px;
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
}

查看http://jsfiddle.net/FnXwk/

【问题讨论】：

标签： css internet-explorer shadow

【解决方案1】：

在表单元素上放置明确的背景颜色。 IE 阴影过滤器适用于树中的第一个不透明元素。

【讨论】：