转：css妙用1－用图片替换文字

同其他人一样，起初一看，我也以为标题写反了，是不是应该是 “用文字替换图片”呀？当我看完文章介绍以后才知道，确实没有写错。
那么为什么要“用图片替换文字”呢？很简单，当我们用浏览器打开网页是，我们希望某些文字是以非纯文本方式（比如标题图片等）突出现实，正常的网页在设计会直接在html代码中插入一个<img>标签。这虽然在用浏览器打开网页时能看到漂亮的图片，但是当我们查看网页源文件（仅有HTML文本代码时）就不知道<img>图片上的文字是什么了。
怎么样能让在浏览和查看网页源文件两种情况下都能正确告诉读者标题的文字内容呢？这篇文章在这个功能上给我了很不错的灵感。
这里可以先看一个例子，网页地址，当你用IE查看网页时，知道标题是什么；同时当你查看源代码时，也能清楚知道网页现实的正确内容。
怎么样？是不是给你的感觉很不错？
那么是怎么实现的呢？请看设计说明（E文）。