如何機智地回答瀏覽器相容性問題 - 掘金
同乙份**在各瀏覽器上顯示效果正常，有些不正常
1、要不要做
2、做到什麼程度
3、如何做
貼乙個方方老師對postcss的經典回答：
各位前端大神能不能通俗的說一下postcss到底能做什麼？對於手寫css的優勢在哪？www.zhihu.com
4、漸進增強和優雅降級
1、合適的框架
bootstrap (>=ie8)；jquery 1.~ (>=ie6), jquery 2.~ (>=ie9)；vue (>= ie9)...
2、條件注釋
即ie條件注釋是於html原始碼中被ie有條件解釋的語句。條件注釋可被用來向ie提供及隱藏**。
如：
if（如果是）非ie瀏覽器，else（那麼）我的頁面上該標籤會生效，
彈出乙個1；如果在ie瀏覽器上，這段本身是有效的，即能控制該效果，所以在其他瀏覽器這段則會被注釋掉。
（1）定義：
由於不同廠商的瀏覽器，比如internet explorer,safari,mozilla firefox,chrome等，或者是同一廠商的瀏覽器的不同版本，如ie6和ie7，對css的解析認識不完全一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。
這個時候我們就需要針對不同的瀏覽器去寫不同的css，讓它能在不同的瀏覽器中也能得到我們想要的頁面效果。
（2）常見hack寫法
利用該方法去檢測瀏覽器相容問題
.box
以上屬性均是採用樣式覆蓋形式，去相應地在所在瀏覽器屬性生效
例子a：
.target.clearfix:after
.clearfix
.clearfix:after
.clearfix
]-->
web開發 IE8瀏覽器相容rgba
1.問題 實現乙個背景透明的效果，用css3用rgba 就能實現，相容到ie8，沒有透明效果，因為ie8不支援rgba 函式。background rgba 0,0,0,5 2.rgba 函式 rgba的含義，r代表red，g代表green，b代表blue，a代表透明度。紅綠藍是三原色，所有顏色都可...
讓Bootstrap 3相容IE8瀏覽器
看到這篇文章有越來越多的人看，我決定給大家節省時間，廢話少說。有幾個點大家要注意。1 本地除錯需要web server 如iis apache，nginx 單純地本地開啟檔案不能看到相容效果。2 如果你發現已經引用了respond.js和bootstrap，仍無效果，請檢視你的bootstrap是否...
讓Bootstrap 3相容IE8瀏覽器
看到這篇文章有越來越多的人看，我決定給大家節省時間，廢話少說。有幾個點大家要注意。1 本地除錯需要web server 如iis apache，nginx 單純地本地開啟檔案不能看到相容效果。2 如果你發現已經引用了respond.js和bootstrap，仍無效果，請檢視你的bootstrap是否...