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

引用網址:

FACEBOOKs COMMENT():

EVERYBODYs COMMENT:

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

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

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

    • muki (LV.1145) // 2008.12.05 23:11

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

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

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

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

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

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

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

    • muki (LV.1145) // 2008.12.06 23:49

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

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

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

      @muki:

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

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

    • muki (LV.1145) // 2008.12.07 11:24

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

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

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

    放棄IE7 吧!!

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

    • muki (LV.1145) // 2008.12.07 11:25

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

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

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

    • muki (LV.1145) // 2008.12.09 20:16

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

  • 3
    風痕影 (LV.37) // 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