1、替换插入图，解决SEO问题。可以将HTML结构中，插入图换成搜索关键字。
使用css添加背景图给<a>标签或<h1>标签。
<h1>
<a href="#">淘宝网|购物|六一</a>
</h1>
<style>
.header h1 a {
display: block;
width: 146px;
height: 58px;
background: url(images/logo.png) no‐repeat;
}
</style>
然后将文字进行隐藏设置：
将字号设置为 0。IE8 及以上或高版本浏览器可以隐藏文字，但是 IE7 及以下有兼容问题。
可以设置给 <a> 标签一个 text-indent 属性，属性值为负的很大的值，文字会走到盒子外部，直接再设置溢出隐藏属性，将溢出文字隐藏。
2、padding区域背景图，盒子中有背景图和文字内容，文字会让开背景图区域进行加载，背景区域使用padding挤出位置。
.news li {
padding‐left: 25px;
background: url(images/s2.png) no‐repeat left center;
}
以上就是css背景的应用，希望对大家有所帮助。更多css学习指路：css教程
本文转载于掘金，如有侵犯联系作者修改。
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/1727/viewspace-2828164/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
css浮动产生的负作用
请登录后发表评论
登录
全部评论
