通常，我們實現盒陰影都是通過這段代碼來實現的

-moz-box-shadow: 3px 3px 4px #000;-webkit-box-shadow: 3px 3px 4px #000;box-shadow: 3px 3px 4px #000;

　　但是，IE6、7、8不認識這段樣式，所以我們會考慮用濾鏡來實現這功能

/* 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');

　　其實如果要求不是那么苛刻的話，IE下用濾鏡已經能達到我們要的效果了。當然，如果你覺得濾鏡不那么完美，非要用圖片去實現，那也可以，就不用繼續往下讀我要說明的幾個注意點了。

　　首先，濾鏡里的顏色屬性必須寫完整，不能用縮寫。比如#000000不能寫成#000，不然就會出現這樣的效果

　　而且，不管你用什么顏色的縮寫，都會變成這樣，哪怕你寫成#fff，最終效果也會是這樣。

　　第二，濾鏡的陰影是計算在寬高內的。比如我的盒子寬高都是100px，當我設置陰影的寬度為4px的時候，實際我盒子的寬度和高度就都變成了104px

　　第三，在盒陰影下，box會自動加上overflow:hidden。

　　目前就發現這2個注意點，如果你還有要補充的，歡迎在下面留言。

轉載于:https://www.cnblogs.com/hooray/archive/2011/11/22/2258240.html

總結

以上是生活随笔為你收集整理的关于IE6、7、8下实现盒阴影的几个注意点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。