CSS Shadow IE8及以下版本

Question

我將以下Shadow CSS屬性應用於表單以獲得跨瀏覽器支持。它在Firefox，Chrome和IE9中工作，但在IE8和以下版本中，shadow被應用於輸入字段而不是表單本身。我如何解決這個問題。

<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/

Answer 1

把一個明確的背景顏色表單元素上。 IE陰影過濾器適用於樹中的第一個不透明元素。