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

百度谷歌搜狗

加关注：新浪微博腾讯微博

发布时间：2013-09-18 11:41 　来源/作者：藕码网　分类：CSS技巧

TAG标签：

摘要：text-indent此属性为CSS 缩进样式，我们设置为负值的9999px，也就隐藏了a标签内文字这样一来就显示了h1标签背景图片，隐藏了文字又实现了A锚文本超链接

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>CSS隐藏图片背景上方的文字内容</title> 
<style> 
h1#logo{ 
float:left;width:165px;height:60px; 
background:#F00
}
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锚文本超链接 
*/ 
</style> 
</head> 
<body> 
<h1 id="logo"> 
<a href="http://www.oucode.com/" title="DIV+CSS学习与资源分享">DIV+CSS学习与资源分享</a> 
</h1>
</body> 
</html>

素材详情
用户评论
相关文章

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

text-indent此属性为CSS 缩进样式，我们设置为负值的9999px，也就隐藏了a标签内文字
这样一来就显示了h1标签背景图片，隐藏了文字又实现了A锚文本超链接
最新评论

验证码:

菜单/ Menu

热门下载/ HOT