CSS图片替换技术解析

标记语言——图片替换 标记语言——图片替换是指使用CSS将普通文字置换成图片的技术。这种技术可以使得网站的设计更加灵活和美观。随着更多设计师与开发者开始使用标准（特别是CSS），每天都会有许多新技术被发现，达成相同目标的新方法，更多好的方法也不断发展。 图片替换可以说是这种变革的最佳范例。使用CSS把普通文字置换成图片，可以轻易替换更新过的图片，不用更改标记源代码。同时，也可以确保所有浏览器和设备能正确解析标记源代码的意义，不管有没有完全支持把文字替换成图片的进阶CSS。 然而，寻找单纯使用CSS将文字置换成图片的“完美”方式几乎跟寻找圣杯没啥两样，因为现在还不存在。仅有能在所有浏览器中正常运作的方法，但是它无法配合辅助程序（比如屏幕阅读器）使用。还有其他能奏效的方法，除非使用者指定浏览器不显示任何图片，但又启用CSS。 在应用任何图片置换法的时候都必须特别小心，同时也必须了解它会带来的副作用。能用，但是要小心。这就是本章的目的，届时图片置换带来的便利性，但是相对的也会揭露它的缺点，随着时间的发展，或许会有更多CSS狂热者发现能够做出相同效果的更好方法；在那之前，我们必须善用其中的技巧，衡量得失。 为了让您熟悉图片置换的概念，让我们看看几种常用的方法。先从Fahrner图片替换技巧谈起（Fahrner Image Replacement; FIR）。FIR是用CSS的background（或background-image）属性把文字替换成图片的原始方法。Douglas Bowman在2003年3月发表的极佳教学文件中，详细介绍了FIR的使用方法。 在FIR方法中，需要使用CSS的background属性将文字替换成图片。例如，使用以下代码： `<span style="background: url(image.gif) no-repeat 0 0;">Text</span>` 这样就可以将文字“Text”替换成图片“image.gif”。FIR方法是一种简单易用的图片置换方法，但是它也存在一些缺陷，例如无法在屏幕阅读器中正确解析。 此外，还有其他图片置换方法，例如Phark图片替换方法和Levin图片替换方法等。这些方法都有其优缺，需要根据实际情况选择合适的方法。 标记语言——图片替换是指使用CSS将普通文字置换成图片的技术。这种技术可以使得网站的设计更加灵活和美观，但是也需要注意其缺陷和副作用。