日期:2014-02-01  浏览次数:20598 次

网页制造aiyiweb文章简介:标记言语——图片替换。

 点击这里前往爱易网任务室 HTML教程 栏目.想浏览CSS教程请点这里。

上文:标记言语——为文字指定CSS款式

Chapter 14 图片替换

随着更多设计师与开发者开始使用标准(特别是CSS),每天都会有许多新技术被发现,达成相反目标的新方法,更好的方法也不断发展着.

"图片替换" 可以说是这种变革的最佳范例,这是用CSS把普通文字置换成图片的技术.

应该如何用CSS把文字换成图片?

如果能把表现用(不重要的或者装饰用的)的图片全放在CSS中是最好的,由于这样能够轻易替换更新过的图片,但却不用更改标记源代码.同样,我们也能确保所有浏览器和设备能正确解析标记源代码的意义,不管有没有完全支持把文字替换成图片的进阶CSS.在这本书中不断强调这样的优势.

没有完满的处理方案

然而,寻觅单纯使用CSS将文字置换成图片的"完满"方式几乎跟寻觅圣杯没啥两样...由于如今还不存在.仅有能在所有浏览器中正常运作的方法,但是它无法配合辅助程序(比如屏幕阅读器)使用.还有其他能见效的方法,除非使用者指定浏览器不显示任何图片,但又启用CSS.

虽然在这段文字撰写的时候还没有能够满足所有人(或是所有使用者)的方法,但是这类方法如今的确有不少网站使用.在套用任何图片置换法的时候都必须特别小心,同时也必须了解它会带来的副作用.

能用,但是要小心

这就是本章的目的,届时图片置换带来的便利性,但是绝对的也会揭露它的缺点,随着时间的发展,或许会有更多CSS狂热者发现能够做出相反效果的更好方法;在那之前,我们必须善用其中的技巧,衡量得失.

为了让你熟悉图片置换的概念,让我们看看几种常用的方法.先从Fahrner图片替换技巧谈起(Fahrner Image Replacement;FIR).