技巧 | 同時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可以改^^"

引用網址:

EVERYBODYs COMMENT:

  • A`Vai Poitsonu
    1
    A`Vai Poitsonu (LV.84) // 2008.12.05 22:59

    假如,我與 css 的戀情有你跟它一半的熱度,我想我的工寮就不會因不同的眼光而呈現不同的世界了。:)

    提外話: 是不是只有我在用 IE7 時會看不見那位痴望著[發表迴響]的小妹妹?...

  • muki
    2
    muki (LV.1015) // 2008.12.05 23:11

    噗XD!!你有需要我也可以幫你忙啊
    有問題可以問我(笑
    其實不止你,只要是使用IE的user(6.7),都看不到那位小妹妹
    可能是他在跟你玩捉迷藏 哈

    我自己也不知道問題啦
    不懂為什麼就是找不到圖片orz

  • A`Vai+Poitsonu
    3
    A`Vai+Poitsonu (LV.15) // 2008.12.06 11:20

    謝謝你,我想基本上要問問題的人還是要做功課,
    但自己都沒做功課就不想去麻煩別人了...呵呵^^

    不過我的工寮我早就貼上:
      火狐使用者請入內,IE6使用者請到隔璧的回收場排隊
    的標語了,所以現在是閉著眼睛就沒問題的狀況,我可以接受:)

  • taglife
    4
    taglife (LV.19) // 2008.12.06 21:38

    咦!IE7真的看不到耶@@!
    是什麼原因!? 那個圖片是你做的嗎!?
    IE好像不支援顯示那格式,
    但用小畫家另存就看的到了@@!
    Good photo!

  • muki
    5
    muki (LV.1015) // 2008.12.06 23:49

    @A'Vai
    不過我覺得你的版面也改的很整潔XD
    有時候簡單的視覺比雜亂的效果來的好!!!
    但是在你家我到沒有看到這段話耶orz...

    @taglife
    圖片是我做的,但是不是我畫的(笑
    這是用PS筆刷刷出來的
    我想IE不至於不支援吧,我的圖片是JPG QQ

  • 星夜如雨
    6
    星夜如雨 (LV.5) // 2008.12.07 01:12

    放棄IE7 吧!!

    微軟自己都承認他是個錯誤!! 急著要推出 IE8 了

  • A`Vai Poitsonu
    7
    A`Vai Poitsonu (LV.84) // 2008.12.07 10:30

    @muki:

    我不會美工所以就讓它留白...我不會 css 所以才找個立牌希望讓ie6 的使用者升級他們的 browser。立牌在哪裡?用了 ie6 之後它就會自動出現:)

    對了!你跟那個小妹妹講,是不是因為 htaccess 跟她說 ie7 是可惡的圖片盜食蟲所以才用叉燒包來交換呀?雖然 ie7 沒有火狐狸可愛,但它是個好人喔 ...^^

  • muki
    8
    muki (LV.1015) // 2008.12.07 11:24

    @A'Vai
    喔喔,原來是設定ie6 user才看得到XD
    難怪,我八百年沒用他了 噗。不過ie真的是很奇妙的產物,因為我用我的電腦和我姐的電腦測試,兩台看到的畫面會有所不同orz
    對了,我知道你為什麼版面會亂掉,是我textarea的原因(汗
    真抱歉啊

    htaccess我不會用耶qq
    不過我會去找一下相關資料 謝啦
    但是那張圖片連ie6都看不到

  • muki
    9
    muki (LV.1015) // 2008.12.07 11:25

    真的嗎QQ???
    好吧(準備放棄XD

  • 星夜如雨
    10
    星夜如雨 (LV.5) // 2008.12.09 09:19

    好笑的是 IE 8 特別有做一個 相容IE 7 模式喔...
    因為 IE 7 搞太多自己的規格..
    IE 7 推出後若是完全按照相容 IE 7 寫的網頁就很 囧

  • muki
    11
    muki (LV.1015) // 2008.12.09 20:16

    QQ..微軟真是麻煩(攤手

  • 風痕影
    12
    風痕影 (LV.28) // 2009.02.20 13:35

    再提供一個方法...

    如果用 _ 來代替 *
    也可以達成 "只有 IE 6 看得懂"


  • LEAVE YOUR COMMENT:




    :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:
     
    字體大小: 小字型 12px大字型 15px
    ▲ back to top