SiuMan C

css + div 做網都有一段時間了, 這段日子來, 最令我頭痛的不是 div 怎設定(setting) 而是可恐的網頁瀏覽器有不同的版本會有不同的顯示結果, 就只是 IE 就有 IE6 IE7 , 還要應付 Firefox (FF) , 就在這說說一個方法吧！

有時看到 IE 出來的效果是正確時 FF 就有點不同, 當css改到 FF 好效果正確後, 又到 IE 出問題, 雙方就好像不斷戲弄你一樣, 害你大大減完成的速度? 這時候你就可以在css 的 setting 前多加一個* 就可以針對 IE 來設定你想要的了。 又或者 FF 的 setting 後加 !important, 就可以針對 FF 來設定了。

當然上面都有說到 IE 自己對自己都好像有內戰… 所以有時候都要再加一些東西針對 IE 6, 就是在css 的 setting 前多加一個_ 。
例:
_padding:5px; /*for IE 6 only*/
*padding:5px; /*for IE only*/
padding:5px!important; /*for Firefox only*/

例:
code:
<div style=”*background:#000000; color:#999; border:1px solid #ddd; width:300px; height:100px; padding:10px;”>
IE 的背景會是黑色, 而 FF 的背景會是沒有色
</div>

試試用 FF 和 IE 看看下面有什麼不同!
Display:

notes: 有時將設定放前或放後都會有影響！

Tags: css + div, CSS hack, IE6 IE7 Firefox, 不同的顯示結果, 加 !improtant, 加一個*, 針對瀏覽器

This entry was posted on Monday, June 22nd, 2009 at 2:45 am and is filed under HTML. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.