索引擎发现的，为了美观你使用了少见的字体那么你就得用图片来显示了：
<h1><img src="widget-image.gif" alt="Buy widgets" /></h1>
这样当然没错，但是有证据显示搜索引擎对真实文本的重视远超过 alt 文本（因为已经有
太多网站使用 alt 文本充当关键字），因此，我们得用另一种方法： <h1><span>Buy 
widgets</span></h1> ，那你的漂亮字体怎么办呢？下面的 css 可以帮上忙：
h1
{
background: url(widget-image.gif) no-repeat;
}

h1 span
{
position: absolute;
left:-2000px;
}

——

现在你既用上了漂亮的图片又很好的隐藏了真实文本

借助 css，文本被定位于屏幕左

侧-2000 像素处。

6.css 盒模型 hack 的另一选择
css 盒模型 hack 被用来解决 IE6 之前的浏览器显示问题，IE6.0 之前的版本会把某元素的
边框值和填充值包含在宽度之内（而不是加在宽度值上）。例如，你可能会使用以下 css
来指定某个容器的尺寸：
#box
{
width: 100px;
border: 5px;
padding: 20px;
}
然后在 html 中应用：<div id="box">...</div> 
盒的总宽度在几乎所有浏览器中为 150 像素（100 像素宽度+两条 5 像素的边框+两个 20
像素的填充），唯独在 IE6 之前版本的浏览器中仍然为 100 像素（边框值和填充值包含
在宽度值中），盒模型的 hack 正是为了解决这一问题，但是也会带来麻烦。更简单的办
法如下：
css:
#box
{
width: 150px;
}

#box div {
border: 5px;
padding: 20px;
}