2010年11月18日 星期四

[引述]CSS Hack 在各瀏覽器的差異、用法 整理

引述:http://plog.longwin.com.tw/document-ebook/2009/11/19/paper-css-hack-browser-diff-howto-2009



處理不同瀏覽器畫面錯亂問題

CSS 在排版的時後, 都會遇到在 Firefox 排版完成, 但是在 IE 亂了, 而且在 IE 6 看是好的, 在 IE 7 可能又亂了.....
解法就是在屬性前面加上特殊符號, 那些符號是 IE 認識, 但 Firefox 不認識, 用這種方法來將畫面做微調.
解法如下述幾點:
  1. *: IE 7 以前的版本認得(7以後的不知道, 還沒出..)
  2. _: IE 7 不認得, IE 6 以前的版本認得_
  3. Firefox 不認得 _, *
  4. 將畫面在 FF 寫好後, 然後再用 *, _ 來對 IE 做微調

IE6IE7IE8FirefoxOperaGoogle範例
.YYNNNN.type { .color: #F00; }
*YYNNNN.type { *color: #F00; }
_YNNNNN.type { _color: #F00; }
!importantYYYYYY.type { color: #F00 !important; }
*+YYNNNN.type { *+color: #F00; }

【下列文章您可能也有興趣】

沒有留言: