CSS图像替换技术
日期:2008-09-5 分类:CSS
图像替换就是隐藏元素中的文本,用一副生动的图象替换。如果没有图像替换,那么网页就不可能这么美观、漂亮。《CSS禅意花园》中说:
由此可以见图像替换的重要。
也许你会说直接放一副图片或加上背景不行吗?为什么要写上文本有把文本隐藏呢?这不是多此一举吗?这样做确实能达到一样的视觉效果,但对搜索引擎是不利的。因为搜索引擎不能从这块地方的到任何内容,它就不知道这块地方要表达什么意思。而使用图像替换技术对搜索引擎就很友好。在引用《CSS禅意花园》中的一段:
直接使用图像或背景是传统表格布局使用的方法,而图像替换是CSS布局使用的方法。这又一次证明了CSS布局的网站更有优点。
《CSS禅意花园》中提了4种图像替换技术的方法,现在一一摘抄下来,和没有阅读此书的朋友分享:
4、Levin的方案