CSS程式碼在不同瀏覽器相容問題
CSS hack方式一:條件註釋法
<!--[if IE]>
這段文字只在IE瀏覽器顯示
只在IE6下生效
<!--[if IE 6]>
這段文字只在IE6瀏覽器顯示
這段文字只在IE6以上(包括)版本IE瀏覽器顯示
這段文字在非IE8瀏覽器顯示
這段文字只在非IE瀏覽器顯示
CSS hack方式二:類內屬性字首法
屬性字首法是在CSS樣式屬性名前加上一些只有特定瀏覽器才能識別的hack字首,以達到預期的頁面展現效果。
IE瀏覽器各版本 CSS hack 對照表
hack 寫法 例項 IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q) IE9(S) IE9(Q) IE10(S) IE10(Q)
- *color 青色 Y Y Y Y N Y N Y N Y
- +color 綠色 Y Y Y Y N Y N Y N Y
- -color 黃色 Y Y N N N N N N N N
_ _color 藍色 Y Y N Y N Y N Y N N
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1020/viewspace-2799331/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 導航的瀏覽器相容問題瀏覽器
- (16)CSS 擴充:① 瀏覽器相容 | CSSCSS瀏覽器
- 瀏覽器相容問題處理總結瀏覽器
- 關於UC瀏覽器相容scroll事件問題瀏覽器事件
- angular瀏覽器相容性問題解決方案Angular瀏覽器
- 各大瀏覽器滾動條相容性問題瀏覽器
- 好程式設計師前端教程-關於瀏覽器的相容問題程式設計師前端瀏覽器
- 對瀏覽器css相容性的學習理解及問題解決彙總瀏覽器CSS
- 柯大俠整理的常見瀏覽器相容問題瀏覽器
- 主流瀏覽器相容性問題與解決方案瀏覽器
- 如何機智地回答瀏覽器相容性問題瀏覽器
- IE瀏覽器相容瀏覽器
- 9:瀏覽器相容瀏覽器
- 瀏覽器相容性瀏覽器
- 關於瀏覽器相容瀏覽器
- forEach()相容所有瀏覽器瀏覽器
- js中css樣式相容各個瀏覽器寫法JSCSS瀏覽器
- 瀏覽器相關問題瀏覽器
- CSS瀏覽器相容性的4個解決方案:瀏覽器CSS樣式初始化、瀏覽器私有屬性,CSS hack語法和自動化外掛CSS瀏覽器
- 如何定位瀏覽器卡死問題瀏覽器
- edge瀏覽器相容性設定在哪 新版edge瀏覽器相容模式怎麼弄瀏覽器模式
- 瀏覽器相容以及PostCSS詳解瀏覽器CSS
- 如何優雅地實現瀏覽器相容與CSS規則回退瀏覽器CSS
- ie瀏覽器相容模式怎麼設定在哪裡 ie瀏覽器相容模式設定方法瀏覽器模式
- 火狐瀏覽器相容模式怎麼設定在哪裡 火狐瀏覽器相容模式設定方法瀏覽器模式
- 谷歌瀏覽器相容模式怎麼設定 chrome瀏覽器相容模式切換方法介紹谷歌瀏覽器模式Chrome
- [20191118]使用Chrome瀏覽器問題.txtChrome瀏覽器
- js程式碼判斷瀏覽器JS瀏覽器
- win10瀏覽器怎麼設定相容模式_win10瀏覽器相容模式如何新增Win10瀏覽器模式
- 新版edge瀏覽器相容模式怎麼設定 edge瀏覽器相容性設定在哪裡瀏覽器模式
- 不同瀏覽器核心的區別瀏覽器
- element ui 相容低版本瀏覽器UI瀏覽器
- 相容所有瀏覽器array物件indexOf()方法瀏覽器物件Index
- 360極速瀏覽器相容模式怎麼設定 360極速瀏覽器相容模式設定方法瀏覽器模式
- 完美解決setInterval在瀏覽器切換時加速的問題瀏覽器
- 新版 Edge 瀏覽器或將擁有兩個不同的瀏覽器核心瀏覽器
- 新版 google 谷歌瀏覽器跨域問題Go谷歌瀏覽器跨域
- 谷歌瀏覽器程式碼格式化谷歌瀏覽器