让超链接内翰墨潜伏掉css材干结构法子
有时div css网页结构时，使用超链接a标签，但重要将文字匿伏，但超链接又不失效的需求。比如图片或图标的超链接，把图片或图标作为后援图片，上面应用超链接a加文字，但又不想让翰墨体现，超链接具有的又或是点击，图片也概略看见这个时候就是隐藏超链接文字。
使用CSS属性单词：text-indent
text-indent先容：
文本内容缩进属性，思空见贯用于文段开头笔墨缩进两个翰墨，比如文章段落每段缩进两个汉字配置text-indent就可。
要暗藏也是有text-indent来实现，例如设置text-indent:-999px或text-indent:-9999px让对象内翰墨往前缩进9999px达到潜伏感导。
超链接具备笔墨窜伏css结构案例下列：
1、案例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>超链接具有文字潜藏 在线演示 - www.CSS5.com </title>
<style>
.logo{ margin:0 auto;width:175px; height:51px;
bac公斤round:url(CSS5logo.gif) no-repeat 0 0}
.logo a{ display:block; width:100%; height:100%; text-indent:-9999px}
</style>
</head>
<body>
<div class="logo"><a href="//www.css5.com.cn/">CSS5web</a></div>
</body>
</html>
设置一个class=logo的盒子，设置装备摆设CSS5的weblogo为靠山图片，设置装备摆设宽度和高度。
2、案例截图
css结构超链接内笔墨潜伏，同时超链接也具备
3、案例赏析
起首”.logo”决定器内配置css宽度、css高度、logo图片作为布景；
再对class=logo对象内超链接a设置装备摆设构成块（让超链接a宽高生效）、设置装备摆设宽度与高度，同时配置 text-indent:-9999px潜藏超链接内的翰墨。当然如许文字潜藏了，但超链接和背景图片保管了。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/jiqiao/j52327.shtml
