早些时候在看CSS Mastery是也看到这个东西，另外之前也跟人聊过这个，现在稍微总结下。
什么是图像替换？简单的说我们可以把文本照常添加到文档中，然后通过CSS来用特定的图片来替换文本，这样做的好处是搜索引擎仍然可以搜索到文本，而禁用到CSS文本也可以看到，现在应用最广泛的莫过于网站的Logo了。
1：先来说说我之前最常用的方法：XHTML代码：
<h1>虫下米</h1>
CSS代码：
1: h1{text-indent:-5000px;background:(a.jpg) no-repeat; width:50px; height:50px}
这种方法被称做Phark，这种方法有个情况是，加入浏览者关闭了图像功能而且有启用CSS那么他就不会看到任何东西，当然这种情况很少，不过要考虑的还是要尽量考虑，而且我自己感觉流量器在渲染的时候可能会有稍稍的性能问题，没验证过，无从考证，囧兴:::
2：现在我在用的方法是有人提到过的，灵感来源于Google.cn。比如你打开这个：搜索虫下米 ，来了重点在左上角的logo，它用的方法我用图简单概述下：
这个还要上代码吗？图都画出来了，本人实在懒，要看代码自己去Google上看。囧。
3：还有中不太好的，大家就当了解下。代码：
1: <h1><span>虫下米</span></h1>
CSS:
1: h1{background:url(*.jpg) no-repeat;width:*;height:*;}
2: span{display:none}
其实这种方法思想也不错，就是考虑的稍微欠缺点。比如很多阅读器会忽略display：none/hidden；所以会照常比较大的访问性问题。
总结：其实图像替换的方法还有很多，各有优缺点，比如IFR方法，各位就自己看着办，我想挺常用第二种就是稍稍复杂点，不过第一种其实也不错，而且也比较方便。
IFR 的link似乎有点问题呢……
我用的第一种~
我也用的第一种,但是第二种貌似也不错,下次试试
其实方法有几个的。而且你第一种说的那个方法没考滤一个问题。当H1里有链接的时候…
Hi there,
Super post, Need to mark it on Digg
Thanks
Eremeeff
谢谢，我改过来了
呵呵，第一种有链接的情况也是类似的呀，只不过样式要写成h1 a{* ;display:block}