旅行的記憶

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

#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

---