大家知道div css图片替换的技巧吗?如果不知道的赶紧看看我们给大家整理出来的教程使用标准的html而不是图片来显示文字通常更为明智，除了加快下载还可以获得更好的可用性。但是如果你决心使用访问者的机器中可能没有的字体时，你只能选择图片。

举例来说，你想在每一页的顶部使用“Buy widgets”的标题，但你同时又希望这是能被搜索引擎发现的，为了美观你使用了少见的字体那么你就得用图片

这样当然没错，但是有证据显示搜索引擎对真实文本的重视远超过alt文本(因为已经有太多网站使用alt文本充当关键字)，因此，我们得用另一种方法：

那你的漂亮字体怎么办呢?下面的css可以帮上忙：

h1

{

background: url(/uploadfile/200806/17/96162027360.gif) no-repeat;

}

h1 span

{

position: absolute;

left:-2000px;

}

现在你既用上了漂亮的图片又很好的隐藏了真实文本——借助css，文本被定位于屏幕左侧-2000像素处。

现在大家知道div css图片替换的技巧了吧!希望大家可以好好利用!

相关推荐：

div css的默认值技巧介绍