reminder

做對每一件小事,做對每一個細節,能夠做到一百分的事,就不要只做六十分敷衍過去。

即將消失的自助新村.眷村裡迷路舊草嶺環狀自行車道 20 公里行.西部小旅行:阿里山森林鐵路車庫園區&北門車站台糖烏樹林休閒園區永保安康&橋頭糖廠打狗鐵道故事館&駁二旗山里港&屏東彰化扇形車庫大肚成功.出島計畫:馬公北環湖西+南環馬公.支線之旅:平溪舊山線林口線鼻頭角步道野柳地質公園猴硐.七堵鐵道公園一滴水紀念館.淡水淡水天元宮賞櫻烏來土城桐花祭三芝天使光桃園忠烈祠.南部旅行:板橋→台南台南→永康→保安→橋頭→左營→鼓山→旗津→鳳山鳳山→竹田→枋寮→加祿→古莊→鳳山鳳山→台南→台中→新竹→板橋.一個人環島:楔子台北→花蓮花蓮→台東台東→枋寮→南州→鳳山→高雄→鳳山鳳山→高雄→二水→集集→車埕→台中台中→新竹→竹東→內灣→竹東→新竹→板橋

未完待續…

在用圖片取代文字時,經常用的一個做法是:


#someblock {
text-indent: -5000px;
font-size: 0;
background: url(image.jpg);
}

結果在 IE8 就爆炸了…不能這樣用。

測了半天發現當把 font-size: 0; 註解掉時,圖片就顯示出來了,當然文字也顯示出來了 (只是顯示在 -5000px 的地方)…

還沒有想到好的解不法,不過先把這個地雷記下來…

 

Update: 經由高人龍哥指點,原來是 IE 的 height 不能為 0 ,所以由苦主量了一下 image.jpg 的高度以後,再加一行 height: 30px; 就搞定了。XD


Tags: IE8, font-size, height, 0, 字型, 高度, 不能為零, CSS hack


文章標籤
創作者介紹

旅行的記憶

repeat<')">< 發表在 痞客邦 PIXNET 留言(1) 人氣()

留言列表 (1)

發表留言
  • standinghere
  • 今天特輯那問題,
    我沒有拿掉font-size:0; 但在標籤上加了高度, 就好了...
    不過我的正式版 IE8本來就是沒問題的,
    反倒在ie tester 中的IE8 RC 才測到這問題....
    真是教人匪夷所思!
  • 我的也是 IE8 正式版…XD
    把被錯怪的 font-size 從標題拿掉了 XD

    repeat<')">< 於 2009/12/01 11:23 回覆

找更多相關文章與討論

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼