前端開發 瀏覽器相容問題(持續更新)

2021-08-14 21:01:17 字數 800 閱讀 9790

本文記錄的是個人開發過程中遇到的有關於瀏覽器相容的問題(持續更新)

1. ie瀏覽器

1.1 css3中偽類選擇器的相容性問題(ie8及以下)

對於一些:nth-child(n), nth-last-child,last-child,ie8並不支援,ie只支援:first-child這個選擇器

解決方案 eg:

....

....

....

//不相容寫法

ul li:nth-child(3)

//相容寫法

ul li:first-child

+li+li

1.2 rgba() 在ie8下的相容性問題
//不相容寫法

rbga(0,0,0,0.5);

//相容寫法

background-color

: rbga(0,0,0,0.5);

filter

:progid:dximagetransform.microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000);

startcolorstr=#7f000000,endcolorstr=#7f000000

#7f(透明值對應的iefilter值)000000(色值)

這樣就完美相容ie8了。

前端瀏覽器相容問題

一 ie和谷歌相容性問題 在頭標籤裡面加 此方法可以解決大部分的相容性問題 這串 的意思是強制ie使用chrome frame去渲染 為防止此標籤失效,在此標籤之前最好不要寫任何標籤 二 各種標籤之間的magin和padding不一致 在乙個頁面沒有任何設定,只有原始的幾個標籤的情況下,各種標籤之間...

前端開發 瀏覽器相容問題總結

ie8 以下版本不支援html5語義化標籤 現象 我是header標籤,我應該獨佔一整行header 解決方案 方案1 在瀏覽器解析標籤之前,動態建立一下 header 標籤,瀏覽器就認識了document.createelement header 方案2 預設行內,需要轉成塊級header 但是 ...

常見前端 瀏覽器相容問題

以下均可console.log 測試 var winw document.body.clientwidth document.docuemntelement.clientwidth 網頁可見區域寬 var winh document.body.clientheight document.docuem...