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

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

将适用于所有浏览器。