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


#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


arrow
arrow
    創作者介紹
    創作者 repeat ❤️ 的頭像
    repeat ❤️

    旅行的記憶

    repeat ❤️ 發表在 痞客邦 留言(1) 人氣()