我正在努力让Thesis主题在Wordpress中运行，而且它几乎是完美的。对于导航菜单，我想使用图像而不是文本。我的解决方案是通过css设置背景图片：
ul.menu .tab-2 a {background:url(images/myimage.jpg) no-repeat;background-color:transparent;width:81px;height:60px;margin:0px;padding:6px;border-style:none;}
除了IE之外，这种方法无处不在。您只能看到图像，而不是Thesis为该导航项目写出的文本：
<li class="tab tab-2"><a href="http://www.mysite.com/about" title="About Us">About Us<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
然而，在IE中，href文本确实显示在背景图像上。我想这就是我期望发生的事情，所以我惊喜地发现它在其他所有浏览器中都不像那样工作。
我想弄清楚的是，是否有办法让背景图像显示在href文本之上，从而有效地模糊了它。我试图破解论文以压制写出文本，该文本适用于除了一个以外的所有菜单项，这是因为我写的是类别，而不是页面。
我真的想要使用Thesis的导航菜单，而不是自己滚动，因为我确信我会有更多麻烦让所有浏览器中的下拉看起来都不错，而且我的css不是那么高级。而且我认为没有办法告诉Thesis使用图像而不是文本作为导航菜单项。
我一直盯着这几个小时，显然我不再想清楚了。
答案 0 :(得分：2)
尝试添加：
display:block;
text-indent:-5000em;
overflow:hidden;
......按照现行规则。
有些人更喜欢其他方式进行图像替换，但这是IMO最常见的方式。