用css如何实现让文字透明
要实现的效果:
有一张图片背景,上面有文字链接,我要把文字设置为透明,连接还好用,请问怎么办?用什么样式能让文字透明?文字链接好用。这么做的目的是为了SEO。代码基本如下
<div class="aa">
<li class="bg"><a hear="#">abc</a></li>
</div>
注:说明下 bg样式现实的是个图片 但是要abc隐藏 连接还好用
实现方法:
这里所说的文字透明其实就是将文字移到浏览器看不到的地方。
我们这就用到CSS的一个很有用的属性:
.bg{text-indent:-9999px;}
.bg a{display:block;}
用这个属性就可以使文字透明,并且点击图片时就是点击文字的链接。