用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;}

用这个属性就可以使文字透明,并且点击图片时就是点击文字的链接。

本文链接:https://www.dnwfb.com/350.html,转载请注明出处。
0

评论0

没有账号? 注册  忘记密码?