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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS瀏覽器相容問題集CSS瀏覽器
- IE瀏覽器下常見的CSS相容問題瀏覽器CSS
- 談談CSS瀏覽器的相容問題。集錦CSS瀏覽器
- CSS瀏覽器相容彙總CSS瀏覽器
- 關於CSS3及瀏覽器相容性問題CSSS3瀏覽器
- 導航的瀏覽器相容問題瀏覽器
- 瀏覽器相容問題和webapp瀏覽器WebAPP
- (16)CSS 擴充:① 瀏覽器相容 | CSSCSS瀏覽器
- 用CSS hack技術解決瀏覽器相容性問題CSS瀏覽器
- 瀏覽器相容問題處理總結瀏覽器
- 用jquery解決瀏覽器相容問題jQuery瀏覽器
- 根據不同瀏覽器視窗大小不同css檔案程式碼例項瀏覽器CSS
- CSS實現的相容所有瀏覽器的背景漸變程式碼CSS瀏覽器
- 關於UC瀏覽器相容scroll事件問題瀏覽器事件
- scrollHeight、scrollTop、clientHeight瀏覽器相容問題client瀏覽器
- 相容各主瀏覽器透明的CSS瀏覽器CSS
- Javascript和CSS瀏覽器相容總結JavaScriptCSS瀏覽器
- 相容所有瀏覽器的對聯廣告程式碼瀏覽器
- 相容所有瀏覽器的阻止事件冒泡程式碼瀏覽器事件
- 相容所有瀏覽器的progress程式碼例項瀏覽器
- angular瀏覽器相容性問題解決方案Angular瀏覽器
- 柯大俠整理的常見瀏覽器相容問題瀏覽器
- 各大瀏覽器滾動條相容性問題瀏覽器
- 關於瀏覽器相容的一些問題瀏覽器
- 相容IE6瀏覽器的最大高度和最小高度css程式碼瀏覽器CSS
- CSS相容各瀏覽器最小高度且能夠自適應程式碼CSS瀏覽器
- 好程式設計師前端教程-關於瀏覽器的相容問題程式設計師前端瀏覽器
- 主流瀏覽器相容性問題與解決方案瀏覽器
- javascript for in語句瀏覽器相容問題簡單介紹JavaScript瀏覽器
- getBoundingClientRect()瀏覽器相容問題簡單介紹GCclient瀏覽器
- 瀏覽器相容性問題解決方案 · 總結瀏覽器
- 如何機智地回答瀏覽器相容性問題瀏覽器
- IE瀏覽器相容瀏覽器
- parseInt()瀏覽器相容瀏覽器
- 9:瀏覽器相容瀏覽器
- js相容所有瀏覽器的事件繫結程式碼JS瀏覽器事件
- 相容所有瀏覽器的阻止事件冒泡js程式碼瀏覽器事件JS
- 相容所有瀏覽器的模糊效果程式碼例項瀏覽器