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

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

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

一、用到的CSS单词   -   TOP

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

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

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

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

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

72130148_1.png

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值