星期三, 元月 10, 2007
CSS 處理不同瀏覽器畫面錯亂問題
CSS 在排版的時後, 都會遇到在 Firefox 排版完成, 但是在 IE 亂了, 而且在 IE 6 看是好的, 在 IE 7 可能又亂了.....
解法就是在屬性前面加上特殊符號, 那些符號是 IE 認識, 但 Firefox 不認識, 用這種方法來將畫面做微調.
解法如下述幾點:
- *: IE 7 以前的版本認得(7以後的不知道, 還沒出..)
- _: IE 7 不認得, IE 6 以前的版本認得_
- Firefox 不認得 _, *
- 將畫面在 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; 那一個, 後面那兩個都不認識.
其它小技巧可參考:
發表迴響
PS: 若無法留言, 請先確認是否有打開 JavaScript, 造成您的困擾, 實在萬分對不起 Orz...(如果無法留言, 勞煩可以發信給我好嗎? 謝謝.)
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~
