CSS程式碼在不同瀏覽器相容問題

lee_lgw發表於2021-09-09

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
    color 紫色 Y Y Y Y N Y N Y N Y

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1020/viewspace-2799331/,如需轉載,請註明出處,否則將追究法律責任。

相關文章