用图像替换文本链接：CSS问题

Question

我正在使用来自Nine Techniques for CSS Image Replacement的技巧＃8，但我没有看到我期望的结果：而不是定位好的图像，我得到......好吧，找你自己：

http://beatchamber.officemedic.net

我对该技术所做的一个改变是改变所有宽度：100％/高度：100％值到实际尺寸;没有它，图像根本没有显示。然而，令我感到困惑的是，为什么这项技术不起作用。有什么建议吗？

Answer 1

这里的工作演示文本被使用CSS代码替换为Image

Working Demo

Answer 2

原因是因为你的背景图像比想要放入它们的空间大。而且，你的背景图像在它们的外面有相当数量的“填充”，这使得文本开始处的那个奇怪的间距。如果您为列表元素添加了更多高度/宽度，或者更改了填充，则可以使它们看起来像您希望的那样。但是，按原样，它们被25px / 75px的宽度/高度切断。