2008/12/05
技巧 | 同時KO IE6、7以及火狐
這篇是之前發在pixnet的舊文章了
剛好最近有需要所以一直在翻找，想說大家可能也會有這方面的需求
所以我就重新發上來XD!
使用愉快(笑
相信我，使用IE6的人在世界上應該還是占大多數。
不過火狐的標準瀏覽器也開始嶄露頭角了
另外，IE7悄悄的蔓延整個地球
所以.....css就碰到困擾了，調了這個錯那個，改了那個卡這個，光是想到就一個頭兩個大....
到底要怎麼做才可以讓三個瀏覽器都乖乖的聽話呢(?)
這邊給大家一個小撇步。
以簡單的字型大小做例子，假如我想在三個瀏覽器出現這樣的字型：
IE6：10px
IE7：11px
FF：12px
你可以這樣寫↓
body {
*font-size: 10px;
*font-size: 11px !important;
font-size: 12px;
}
簡單說明一下：
IE6：看得懂 * ，看不懂 !important
IE7：看得懂 * ，看得懂 !important
FF： 看不懂 * ，看得懂 !important
|
|
IE6 |
IE7 |
FireFox |
|
* |
○ |
○ |
X |
|
!important |
X |
○ |
○ |
這樣應該懂哩XD
不過他不算是最方便的方法，因為東西一多語法會拖的落落長
但是給部落客修改css是個最佳的方法，畢竟部落客沒有html可以改^^"
分類:css語法.筆記
人氣:2,011
假如，我與 css 的戀情有你跟它一半的熱度，我想我的工寮就不會因不同的眼光而呈現不同的世界了。:)
提外話: 是不是只有我在用 IE7 時會看不見那位痴望著[發表迴響]的小妹妹？...
噗XD!!你有需要我也可以幫你忙啊
有問題可以問我(笑
其實不止你，只要是使用IE的user(6.7)，都看不到那位小妹妹
可能是他在跟你玩捉迷藏 哈
我自己也不知道問題啦
不懂為什麼就是找不到圖片orz
謝謝你，我想基本上要問問題的人還是要做功課，
但自己都沒做功課就不想去麻煩別人了...呵呵^^
不過我的工寮我早就貼上:
火狐使用者請入內，IE6使用者請到隔璧的回收場排隊
的標語了，所以現在是閉著眼睛就沒問題的狀況，我可以接受:)
咦！IE7真的看不到耶@@！
是什麼原因!? 那個圖片是你做的嗎!?
IE好像不支援顯示那格式，
但用小畫家另存就看的到了@@！
Good photo!
@A'Vai
不過我覺得你的版面也改的很整潔XD
有時候簡單的視覺比雜亂的效果來的好!!!
但是在你家我到沒有看到這段話耶orz...
@taglife
圖片是我做的，但是不是我畫的(笑
這是用PS筆刷刷出來的
我想IE不至於不支援吧，我的圖片是JPG QQ
放棄IE7 吧!!
微軟自己都承認他是個錯誤!! 急著要推出 IE8 了
@muki:
我不會美工所以就讓它留白...我不會 css 所以才找個立牌希望讓ie6 的使用者升級他們的 browser。立牌在哪裡？用了 ie6 之後它就會自動出現:)
對了！你跟那個小妹妹講，是不是因為 htaccess 跟她說 ie7 是可惡的圖片盜食蟲所以才用叉燒包來交換呀？雖然 ie7 沒有火狐狸可愛，但它是個好人喔 ...^^
@A'Vai
喔喔，原來是設定ie6 user才看得到XD
難怪，我八百年沒用他了 噗。不過ie真的是很奇妙的產物，因為我用我的電腦和我姐的電腦測試，兩台看到的畫面會有所不同orz
對了，我知道你為什麼版面會亂掉，是我textarea的原因(汗
真抱歉啊
htaccess我不會用耶qq
不過我會去找一下相關資料 謝啦
但是那張圖片連ie6都看不到
真的嗎QQ???
好吧(準備放棄XD
好笑的是 IE 8 特別有做一個 相容IE 7 模式喔...
因為 IE 7 搞太多自己的規格..
IE 7 推出後若是完全按照相容 IE 7 寫的網頁就很 囧
QQ..微軟真是麻煩(攤手
再提供一個方法...
如果用 _ 來代替 *
也可以達成 "只有 IE 6 看得懂"