在HTML對象上投下陰影

Question

我想要對選定的HTML元素（輸入文本，選擇，div等）進行陰影效果。

許多互聯網用戶給出的解決方案是使用CSS3解決方案，它使用：

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

然而，這不會對IE8的工作（可能是其他版本的IE）

有沒有創造任何方式這種效果沒有使用這些CSS3元素？

Answer 1

我不太清楚如何能夠在不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'); 
} 

將在所有的瀏覽器。

Answer 2

使用CSS3 pie爲一個可笑的跨瀏覽器解決方案。

Answer 3

使用這個用於CSS即-8

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

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