在HTML元素中，毫无疑问图像比文本具有更丰富的表现形式，比如文章的标题，图片型的往往比纯文本大字型的要更加美观和醒目。但是这过程中要面对的一个问题是：一方面要将图像展示给用户，另一方面又要顾及搜索引擎和屏幕阅读器的需要保留文字信息，这就引出了图像替换的问题。图像替换的概念,就是可以像平常一样将文本添加到文档中，然后使用CSS隐藏文本并在它的位置上显示一个背景图像。这样的话，搜索引擎仍然可以搜索HTML文本，而且如果禁用CSS，文本仍然会显示。
在各种缺陷暴露出来之前，这个概念看起来非常棒。但是，一些比较流行的图像替换方法对于屏幕阅读器是无效的，而且如果关闭图像但是打开CSS，就会出现内容缺失。因此，许多CSS作者停止使用图像替换方法，恢复为使用一般文本。虽然我也主张尽可能避免图像替换，但是仍然相信在某些情况下它是合适的，比如由于公司品牌策略的要求，需要使用特定的字体。为此，你应该很好地掌握各种技术并且了解它们的局限性。
1.经典的FIR方法
- <style>
- #header {
- width: 329px;
- height: 25px;
- background-image: url(attachments/month_0803/sample-opaque.gif);
- }
- #header Continue Reading →
