沒有IE就沒有危害!涉獵器兼容性問題解決方案匯總

更新:2017-10-25    編輯:百強    來源:geguai    人氣:加載中...    字號:|

QQ截圖20170830094426.png

原標題:涉獵器兼容性問題解決方案 · 總結

普及:涉獵器的兼容性問題,往往是個別涉獵器(沒錯,就是那個與眾不同的涉獵器)對于一些標準的定義不一致導致的。俗話說:沒有IE就沒有危害。

貼士:內容都是自己總結的,不免會出現差錯或者bug,歡迎更正和補充,本帖也會不斷更新

Normalize.css

不同涉獵器的默認樣式存在差異,可以應用 Normalize.css 抹平這些差異。當然,你也可以定制屬于自己業務的 reset.css

respond.js

解決 ie9 以下涉獵器不支持 CSS3 Media Query 的問題

IE 條件注釋

IE 的條件注釋僅僅針對IE涉獵器,對其他涉獵器無效

沒有IE就沒有危害!涉獵器兼容性問題解決方案匯總

IE 屬性過濾器(較為常用的hack法子)

針對不同的 IE 涉獵器,可以應用不同的字符來對特定的版本的 IE 涉獵器進行樣式把持

image

image

image

image涉獵器 CSS 兼容前綴a 標簽的幾種 CSS 狀態的順序

很多新人在寫 a 標簽的樣式,會困惑為什么寫的樣式沒有效果,或者點擊超鏈接后,hover、active 樣式沒有效果,其實只是寫的樣式被覆蓋了。

正確的a標簽順序應該是:==love hate==

完美解決 PlaceholderBFC 解決邊距重疊問題

當相鄰元素都設置了 margin 邊距時,margin 將取最大值,舍棄小值。為了不讓邊距重疊,,可以給子元素加一個父元素,并設置該父元素為 BFC:overflow: hidden;

  • </div> <p>Lorem ipsum dolor sit.</p> 

  • 解決 IE6 不支持 fixed 絕對定位以及IE6 下被絕對定位的元素在滾動的時候會閃動的問題
    評論列表(網友評論僅供網友表達個人看法,并不表明本站同意其觀點或證實其描述)

    站點導航

    您可能在找這些
    黑龙江快乐十分走势图