Monday, January 31, 2011

[CSS] 簡單的 IE 瀏覽器 hack

利用各種瀏覽器對於特殊符號的可讀與不可讀的差異,進行CSS的編寫...
\9:IE8以前的版本皆可判讀
>:IE7以前的版本可判讀
_:IE6以前的版本可以判讀
上述符號 FireFox、Mozilla、chrome...等瀏覽器都無法判讀

範例:

.hack {
  background-image:url(img/bg_ff.gif); /*Other Broswer*/
  background-image:url(img/bg_IE8.gif)\9; /*IE8*/
  >background-image:url(img/bg_IE7.gif); /*IE7*/
  _background-image:url(img/bg_IE6.gif); /*IE6*/
}

想瞭解更多 可參考 網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (2)

No comments:

Post a Comment