css实际技巧---<a>标签中有文字图片ie7下不显示图片的问题

a标签中写有文字并有图片如何隐藏文字只显示图片

a标签有一个样式,是显示一张图片,但标签中写有文字,又想让文字隐藏,发现ie7中以及360默认ie模式下,图片就不显示了,下面为大家介绍个不错的解决方法,感兴趣的朋友可以参考下
经常遇到<a>标签有一个样式,是显示一张图片,但标签中写有文字,又想让文字隐藏,很多种情况下,会想到
text-indent:-9999em;
但今天就发现ie7中以及360默认ie模式下,图片就不显示了,就到网上查了查,下面就总结一下: 凡ie7模式下的css写法如下:
复制代码
代码如下:

text-indent: -9999em; 
overflow: hidden; 
float: left; //当然也可以float: right;

上述css已经可以解决这个问题。

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

复制代码
代码如下:

<meta name="renderer" content="webkit"> 极速模式 
<meta name="renderer" content="ie-comp"> 兼容模式 
<meta name="renderer" content="ie-stand"> IE模式 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE HTML> <html> <head> <title>搜索网站</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <link rel="stylesheet" href="assets/css/main.css" /> <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> </head> <body> <!-- Wrapper --> <div id="wrapper"> <!-- Header --> <header id="header"> <div class="logo"> <span class="icon fa-diamond"></span> </div> <div class="content"> <div class="inner"> <h1>你好</h1> <p><!--[-->尊敬的用户,欢迎使用本网站<!--]--></p> <p><!--[-->本网站将为将您提供一下服务,如您有更好的意见,欢迎致信我们的邮箱 <!--]--></p> <p><!--[-->2653379060@qq.com<!--]--></p> <p><!--[-->感谢您的支持<!--]--></p> </div> </div> <nav> <ul> <li><a href="###">首页</a></li> <li><a href="###">热搜</a></li> <li><a href="###">联系</a></li> <li><a href="###">关于</a></li> <!--<li><a href="#elements">Elements</a></li>--> </ul> </nav> </header> <!-- Main --> <!-- Footer --> <footer id="footer"> <p class="copyright">© Untitled. Design: <a href="http://www.baidu.com">百度</a>.</p> </footer> </div> <!-- BG --> <div id="bg"></div> <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/util.js"></script> <script src="assets/js/main.js"></script> </body> </html>要在这段代码的左下角放一个轮播图,代码应该怎么写
最新发布
05-29
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值