您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

divcss图片替换的技巧介绍

作者:佚名    责任编辑:admin    更新时间:2022-06-22

欢迎大家在这里学习divcss图片替换的技巧!这里是我们给大家整理出来的精彩内容。希望大家在这里学习!使用标准的html而不是图片来显示文字通常更为明智,除了加快下载还可以获得更好的可用性。但是如果你决心使用访问者的机器中可能没有的字体时,你只能选择图片。

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

这样当然没错,但是有证据显示搜索引擎对真实文本的重视远超过alt文本(因为已经有太多网站使用alt文本充当关键字),因此,我们得用另一种方法:,那你的漂亮字体怎么办呢?下面的css可以帮上忙:

h1

{

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

}

h1 span

{

position: absolute;

left:-2000px;

}

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

好了,divcss图片替换的技巧内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐:

divcss字体简写规则是什么呢