關於IE6 7 8下實現盒陰影的幾個注意點

2021-09-08 02:19:34 字數 1159 閱讀 3112

通常,我們實現盒陰影都是通過這段**來實現的

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

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

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

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

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

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

Bootstrap關於IE678相容方法

搞前端以來一直沒有遇到過比較大的相容問題,在上個星期開發乙個用bootstrap的 時終於遇到了 o 特此記錄一下 這次的專案 採用bootstrap作為樣式庫,因為開發前沒有先仔細了解bootstrap對瀏覽器的支援,導致到了測試階段才發現這個框架居然是不支援ie678的。這裡需要自我反省下,也提...

IE6,7,8下多餘字元bug

quirk mode下ie6,7,8均會產生此bug,standard mode下ie6會產生此bug,但條件稍微有些不同 外層div需指定寬度 先看quird mode下 div中包含的span都向左浮動,tltle和.intro的寬度都是50 這時候在ie6,7,8上都會出現乙個多餘的 e 當然...

相容IE6 7 8的css實現背景透明

html 本報告期 2017 12 2 2017 12 5 海運煤炭運價經過一期的 後再次衝高,並達到2012年7月10日指數發布以來的最高值。12月5日,海運煤炭運價指數ocfi報收1530.24點,期環比上行2.66 分子指數來看,華東線指數報收1620.05點,期環比上行3.06 華南線指數報...