2011-05-17 87 views
0

我從Nine Techniques for CSS Image Replacement使用技術#8,但我沒有看到我期望的結果:而不是很好地定位圖像,我越來越......好吧,找一下自己:我已經在該技術製成用圖像替換文本鏈接:CSS問題

http://beatchamber.officemedic.net

一個變化是改變所有的寬度:100%/高度:100倍%的值的實際尺寸;沒有這些圖像根本沒有顯示。然而,我很困惑,爲什麼這項技術不起作用。有什麼建議麼?

+0

你試過的東西發表了一些代碼 – 2011-05-17 06:14:39

回答

0

,就是因爲你的背景圖片是不是你想要把它們放在空間較大。另外,你的背景圖像有在他們的外面有相當數量的「填充」,借給文本開始的那個奇怪的間距。如果您向列表元素添加了更多高度/寬度,或者更改了填充,則可以讓它們看起來像您希望的那樣。不過,它們被25px/75px的寬度/高度截斷。

+0

嗯。那麼,不,列表項元素的高度和寬度被設置爲圖像的大小。不過,我認爲我已經解決了這個問題,通過設置列表項元素來顯示:inline-block,而不是display:inline。現在Firebug表明位置是正確的,而之前有一個偏移量。我認爲那是你所看到的「填充」。 – donm 2011-05-17 18:36:48

0

它的工作演示這裏的文字是使用CSS代碼由圖片更換

Working Demo