想找資料嗎?到這看看也許會有收穫喔。
‧wordpress: 佈景主題 / 插件介紹 #
‧網站教學 : css新手必看 / css筆記 / seo
‧電影片單 : 驚悚 / 懸疑 / 靈異 / 動作 / 文藝 / 劇情 / 喜劇 / 紀錄 / 科幻 / 史詩 / 戰爭 / 動畫
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可以改^^"

Related Posts with Thumbnails
人氣:2,011    
  • 引用網址:
  • 文章標籤:
  • 上篇文章:
  • 下篇文章:

    1. comments(12)
    2. A`Vai Poitsonu
      #1
      2008/12/05

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

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

    3. muki
      #2
      muki//LV.948
      2008/12/05

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

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

    4. A`Vai+Poitsonu
      #3
      2008/12/06

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

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

    5. taglife
      #4
      taglife//LV.19
      2008/12/06

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

    6. muki
      #5
      muki//LV.948
      2008/12/06

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

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

    7. 星夜如雨
      #6
      2008/12/07

      放棄IE7 吧!!

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

    8. A`Vai Poitsonu
      #7
      2008/12/07

      @muki:

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

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

    9. muki
      #8
      muki//LV.948
      2008/12/07

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

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

    10. muki
      #9
      muki//LV.948
      2008/12/07

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

    11. 星夜如雨
      #10
      2008/12/09

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

    12. muki
      #11
      muki//LV.948
      2008/12/09

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

    13. 風痕影
      #12
      風痕影//LV.27
      2009/02/20

      再提供一個方法...

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

    comments(12)



    :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: