html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

a标签中写有文字并有图片如何隐藏文字只显示图片_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:a标签有一个样式,是显示一张图片,但标签中写有文字,又想让文字隐藏,发现ie7中以及360默认ie模式下,图片就不显示了,下面为大家介绍个不错的解决方法,感兴趣的朋友可以参考下

经常遇到<a>标签有一个样式,是显示一张图片,但标签中写有文字,又想让文字隐藏,很多种情况下,会想到Jh5HTML5中文学习网 - HTML5先行者学习网

text-indent:-9999em;Jh5HTML5中文学习网 - HTML5先行者学习网

但今天就发现ie7中以及360默认ie模式下,图片就不显示了,就到网上查了查,下面就总结一下:Jh5HTML5中文学习网 - HTML5先行者学习网

凡ie7模式下的css写法如下:Jh5HTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
Jh5HTML5中文学习网 - HTML5先行者学习网
text-indent: -9999em; Jh5HTML5中文学习网 - HTML5先行者学习网
overflow: hidden; Jh5HTML5中文学习网 - HTML5先行者学习网
float: left; //当然也可以float: right;Jh5HTML5中文学习网 - HTML5先行者学习网
Jh5HTML5中文学习网 - HTML5先行者学习网
上述css已经可以解决这个问题。Jh5HTML5中文学习网 - HTML5先行者学习网

360中有个ie模式和极速模式,想要网页一打开默认极速模式,只需要在<head>中加入下边一句话就可以了:Jh5HTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
Jh5HTML5中文学习网 - HTML5先行者学习网
<meta name="renderer" content="webkit"> 极速模式 Jh5HTML5中文学习网 - HTML5先行者学习网
<meta name="renderer" content="ie-comp"> 兼容模式 Jh5HTML5中文学习网 - HTML5先行者学习网
<meta name="renderer" content="ie-stand"> IE模式 Jh5HTML5中文学习网 - HTML5先行者学习网
Jh5HTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助