a标签中写有文字如何隐藏文字显示图片兼容360模式渲染

   2015-08-21 0
核心提示:a标签显示一张图片同时写有文字,又想让文字隐藏,通过text-indent可以实现,但在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模式
 
标签: a标签 隐藏文字
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

  • css中a标签内容超出最大字数隐藏处理 css设置a
    css中a标签内容超出最大字数隐藏处理问题:a标签内容超出最大字数显示问题1.超出是最后显示为“...”2.鼠标放在上面显示完整内容3.点击新窗口打开链接内容解决方法:css部分:.list{font:Georgia, "Times New Roman", Times, serif;font-size:14px;width:200p
    03-08
  • css a标签去除下划线
    css a标签去除下划线a{text-decoration:none;}
    03-08
  • HTML a标签 target属性作用
    特殊的目标有 4 个保留的目标名称用作特殊的文档重定向操作:_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 a 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多
    03-08
  • html点击a标签弹窗QQ聊天界面 html点击按钮弹出
      以为很难。以为要第三方。谁知道不用。一句话的事情。1 a hfer="tencent://message/?uin=12345Site=Menu-=yes"弹出QQ为12345的窗口/a 
    03-08
  • Bootstrap dropdown a标签或者button 点击事件
    $(function() {$("ul.dropdown-menu").on("click", "[data-stopPropagation]", function(e) {   ////[data-stopPropagation]为选择器,li里面点击事件选择器   e.stopPropagation(); }); });定义属性值data-stopPropagation的元素点击时停止传播事件  u
    03-08
  • 使用jquery触发a标签跳转 jquery触发点击
    错误示例a href="http://www.baidu.com" target="_blank"baidu/a// 直接是触发click事件是无法跳转的$('a#toMain').trigger('click') ;正确示例// 如果要用jquery触发进行跳转,那么a标签中【必须要有其它子标签】,然后触发该子类标签才能进行跳转a href="ht
    03-08
  • a标签中的href="#"与href="javascript:void(0)"
    转自http://blog.csdn.net/fightplane/article/details/5190037 a href="#" 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOPa href="javascript:void(0)" onClick="window.open()" 点击链接后,页面不动,只打开链接a href="#" onclick="javascript:retu
    03-08
  • html css 怎么使img和a标签在一个行内元素中间
    答案是:#box ul.games li img{vertical-align: middle;} 这行很重要哦。divdiv class="div01" div class="border"img src="../images/top_06.gif"/div ul class="content01 black"li class="clearfix"ul class="gtype"str
    03-08
  • jquery trigger 触发事件小计 -- 关于a标签
    jquery -- trigger触发执行事件方法虽然好用,偶尔也会出些小问题。在最近得一个项目中需要触发a标签的点击事件时,我就遇到了点小问题。我很想当然的写层这样:$("a").trigger('click')。然而却一直未能触发成功。 然后就问了问强大的度娘。原来: $('a').
    02-08
  • HTML5移动开发中的meta与link html中的meta标签
    metaHTML5移动开发中的一些webkit专属头部标签,能够帮助浏览器更好的解析HTML代码,从而为HTML5移动开发提供更好的前端表现与体验 viewport网页缩放meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scal
    02-08
点击排行