2010-01-27 60 views
0

我想知道是否有類似DIV文本陰影的東西,我們都知道文本陰影只是用於將陰影投影到文本上,但我想要一個完整DIV的陰影。Div是否有文字陰影?

有什麼想法?

感謝

回答

7

如果您使用的是文字陰影,那麼您使用的是CSS3,因此請嘗試box-shadow property

+0

非常感謝,我就是這樣,我使用CSS3 – Ryan 2010-01-28 00:35:43

0

你可以嘗試border-image

border-image: url(shadow.png); 

CSS3雖然只有

0

您可以使用圖片來獲取div的陰影效果。 Alist apart有很好的文章。

1

其實你可以用新的瀏覽器和IE瀏覽器的css3做到這一點。我回頭看了一下extremely good article。基本上你可以採用下面的CSS並將它應用到div上,它應該可以和FF,Safari,Chrome,Opera,IE5.5以及更高版本一起工作。

.module { 
    /* offset left, top, thickness, color with alpha */ 
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 
    /* IE */ 
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray'); 
    /* slightly different syntax for IE8 */ 
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')"; 
}