2011-03-04 45 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