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

CSS 在排版的時後, 都會遇到在 Firefox 排版完成, 但是在 IE 亂了, 而且在 IE 6 看是好的, 在 IE 7 可能又亂了.....

解法就是在屬性前面加上特殊符號, 那些符號是 IE 認識, 但 Firefox 不認識, 用這種方法來將畫面做微調.

解法如下述幾點:

1. *: IE 7 以前的版本認得(7以後的不知道, 還沒出..)
2. _: IE 7 不認得, IE 6 以前的版本認得_
3. Firefox 不認得 _, *
4. 將畫面在 FF 寫好後, 然後再用 *, _ 來對 IE 做微調

ex:

若 Firefox 寫好後, 發現用 IE 6看會往右偏移 5px, 在 IE 7 會往右偏移 6px,則如下:

#attr {margin-left:10px; _margin-left:-5px;*margin-left:6px;}

屬性前面有 _ 的, 只有在 IE 6 以前的 Broswer 會有效用, * 只會在 IE7 有作用, Firefox 只認得 margin-left:10px; 那一個, 後面那兩個都不認識.

其它小技巧可參考:

• Ten more CSS tricks you may not know
• CSS Hack for IE7 

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活. 檢視「Tsung」的全部文章