2011-03-04 46 views
1

我有一個工作表單。這裏是圖像表單域柔性陰影與CSS

Form Field Shadow

問題是每一個表單字段已左,右側和底部應該是靈活的陰影。我還沒有開始我的工作,但沒有能夠想出CSS2而不是CSS3的這種設計的最佳解決方案[要求:]。任何人都可以幫我解決問題或者給我提供任何解決方案嗎?

回答

0

因爲你堅持對CSS2 ...

你將不得不使用相對輸入控件放置圖片...

1

使用下面的跨瀏覽器shawdow性能。

input{ 
    -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'); 
} 

變化的值需要

+0

box-shadow是一個css3屬性...問題說她需要一個css2解決方案! – Mulki 2011-03-04 10:40:10

+0

這就是過濾器的用途。 – Hussein 2011-03-04 14:08:37

+0

最後兩行不是css2 ...它是一個微軟IE過濾器! – Mulki 2011-03-04 20:53:17