怎样用CSS隐藏图片背景的文字内容

这次的案列是怎样用CSS隐藏图片背景的文字内容，我们先使用使用background背景是将图片设为背景显示；然后使用text-indent缩进是隐藏a链接内容和<a>链接标签是对文字设置锚文本链接。下面就是实例案列。

实例案例描述

这里便于观察CSS DIV案例效果，我们就来实现的网站的布局。

扩展阅读：html img图片

1、CSS 代码：

h1#logo{ 
float:left;width:165px;height:60px; 
background:url(http://www.gxlcms.com) no-repeat 0 0}
h1#logo a{display:block;width:100%;height:100%;text-indent:-9999px}

/* css注释：display:block是让#logo内A标签成块显示，并以上级100%高度和100%宽度显示

text-indent此属性为CSS 缩进样式，我们设置为负值的9999px，也就隐藏了a标签内文字

这样一来就显示了h1标签背景图片，隐藏了文字又实现了A锚文本超链接

2、HTML代码：

<h1 id="logo"> 
<a href="http://www.gxlcms.com/" title="PHP中文网"> 
</a> 
</h1>