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


#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
    文章標籤
    IE8 font-size height 0 字型 高度 不能為零 CSS hack
    全站熱搜
    創作者介紹
    創作者 repeat ❤️ 的頭像
    repeat ❤️

    旅行的記憶

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