javascript - 在 HTML 对象上放置阴影

Question

我试图在选定的 HTML 元素(输入文本、选择、div 等)上获得阴影效果。

许多互联网用户给出的解决方案都使用了 CSS3 解决方案:

-moz-box-shadow
-webkit-box-shadow
box-shadow

但是，这不适用于 IE8(可能是其他 IE 版本)

有没有什么方法可以不使用这些 CSS3 元素来创建这种效果？

Answer 1

将此 css 用于 ie-8

.shadow
{
width:300px;
height:200px;
background-color:red;

filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3)
}