在CSS中进行图像替换的最佳(如跨浏览器)技术是什么？我正在使用精灵来做我的导航,但我希望标记保持SEO友好.鉴于以下HTML结构......
<div id="menu">
<ul>
<li><a href="#">Test</a></li>
<li><a href="#">Tester</a></li>
<li><a href="#">Testing Testing</a></li>
</ul>
</div>
使用CSS仅使用背景图像替换文本的最佳方法是什么？
我目前正在使用这个......
text-indent: -9999px;
但是,它在启用CSS时失败,并且关闭了图像.
我正在编写一个左上角有一个大公司徽标的网站.
因此,我将徽标编码为背景图像,H1中的公司名称,并使用图像替换技术隐藏H1.
但在网站的其他部分导航中没有"主页"链接.该徽标可能是"主页"链接.但由于语义/图像替换技术,没有什么可点击的.
在这个情况下,你会怎么做？在徽标上放置透明的东西是我的第一个想法,但我想听听其他建议.
我刚刚学习了图像替换,技术,或者说我刚刚学习,因为我在Bootstrap中看到了一个mixin.我最近看到它出现了几次,所以我决定进行调查.我发现了这篇文章,但我承认我不明白所有的大惊小怪.为什么不在您要"替换"的文本上添加IMG标记？