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)
}

Answer 2

使用CSS3 pie作为一个荒谬的跨浏览器解决方案。

Answer 3

我不太确定如果没有CSS3可以怎么做，但我所知道的是

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

适用于所有浏览器。