什么是图像替换？简单的说我们可以把文本照常添加到文档中，然后通过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方法，各位就自己看着办，我想挺常用第二种就是稍稍复杂点，不过第一种其实也不错，而且也比较方便。