css3的box-shadow屬性可以讓我們輕鬆實現圖層陰影效果。我們來實戰詳解一下這個屬性。
先來看乙個這個屬性的瀏覽器相容性:
box-shadow有六個可設值:
img
讓我們通過幾個例項來看乙個box-shadow的效果，先弄個簡單的html供測試:
imgimgimgimgimgimgimgimgie本身是shadow濾鏡可以實現類似效果的，還有一些js和.htc的hack檔案可以幫助你在ie中實現這一效果。我也無法一一都去嘗試，這裡只介紹我用過的乙個。
ie-css3.htc是乙個可以讓ie瀏覽器支援部份css3屬性的htc檔案，不只是box-shadow，它還可以讓你的ie瀏覽器支援圓角屬性border-radius和文字陰影屬性text-shadow。
在你的裡面寫入下面的**:
然後這樣就ok了。但還是有幾點需要注意的是：
CSS3屬性 box shadow測試
容器設定陰影 box shadow 語法 box shadow h shadow v shadow blur spread color inset 以上各屬性值的解析 horizontal 水平 指定水平偏移陰影。正值 即 5px 陰影向右，而為負值 即 10px 將使它偏向左。vertical 垂...
CSS3屬性之二 box shadow
box shadow 陰影水平偏移值 可取正負值 陰影垂直偏移值 可取正負值 陰影模糊值 陰影顏色 設定塊陰影 box shadow這個屬性應用的非常普遍，可以使你的元素立刻變得漂亮起來，只是記得不要把值設得太離譜。box shadow的四個引數 x offset x軸偏移 y offset y軸偏...
CSS3屬性之二 box shadow
box shadow 陰影水平偏移值 可取正負值 陰影垂直偏移值 可取正負值 陰影模糊值 陰影顏色 設定塊陰影 box shadow這個屬性應用的非常普遍，可以使你的元素立刻變得漂亮起來，只是記得不要把值設得太離譜。box shadow的四個引數 x offset x軸偏移 y offset y軸偏...