html背景图片的隐藏,CSS隐藏图片背景上方的文字内容

使用CSS样式隐藏图片作为背景图片上方的文字内容

此类问题我们常见于LOGO处使用，我们想让图片作为背景，而图片上方放A链接文字内容，但html锚文本功能仍然正常也能鼠标点击使用。

一、用到的CSS单词   -   TOP

以上CSS属性样式单词使用解释

我们使用background背景是将图片设为背景显示；

使用text-indent缩进是隐藏a链接内容

使用链接标签是对文字设置锚文本链接。

二、背景图片隐藏上方文字实际应用截图   -   TOP

CSS实现图片上文字隐藏实际使用截图

图片作为背景而html代码内看不到图片，但文字也存在，却是文字隐藏图片显示出，鼠标也能点击指向。

三、实际使用案例   -   TOP

接下来DIVCSS5带领大家实现DIVCSS5网站LOGO布局(实现logo图片上文字内容隐藏同时超链接保留)。

实例案例描述

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

LOGO图片地址：http://www.divcss5.com/img201301/divcss5-logo-2013.gif

扩展阅读：html img图片

h1#logo{

float:left;width:165px;height:60px;

background:url(http://www.divcss5.com/img201301/divcss