reminder

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

一個人環島 － 楔子
10/07(三) Day 1 ：台北→花蓮
10/08(四) Day 2 ：花蓮→台東
10/09(五) Day 3 ：台東→枋寮→南州→鳳山→高雄→鳳山
10/10(六) Day 4 ：鳳山→高雄→二水→集集→車埕→台中
10/11(日) Day 5 ：台中→新竹→竹東→內灣→竹東→新竹→板橋
未完待續…


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


#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

Posted by repeat at 痞客邦 PIXNET Comments(1) Trackback(0) Hits(153)

Shorten Url Recommend to Front page Forward by E-mail Forward to Guestbook
Posts on this date
▲top

open trackbacks list Trackbacks (0)

Comments (1)

Post Comment
  • #1 standinghere pixnet user on 2009/11/30 22:26

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

    repeatreplied on 2009/12/01 11:23

Comment Permissions: Allow commenting

Leave Comment

*帳號/暱稱
E-mail
Personal Website
Comment Title
*Comment
* Private Comment