zoukankan      html  css  js  c++  java
  • ie8下jquery读取当前点击的标签位置错误,原因是里面有内容写了text-indent:-9999px

    今天写一地图的效果,鼠标点击对应的区域,弹出所点击区域的名字。

    因为设计的区域名字有特殊效果,所以,在点击区域里面套了个标签写上区域名字用来识别,但是这个文字呢不同显示在页面上,所以就给 em 加个了display:block;text-indent:-9999px的样式。

    用jquery var _index = $(this).index(); 获取当前点击的标签对应的名字时,发现在ie8每次获取的标签所在位置都不正确,其它浏览器都正常。百思不得其解,找了很长时间问题,发现,把 text-indent:-9999px样式去掉,这个问题解决了。

    结论:text-indent:-9999px 这个样式谨慎使用。

    <div class="map" id="map">
    <div class="city"><span style="left:20px; top:18px;" class="full"><i></i></span><em class="name">新疆</em></div>
    <div class="city"><span style="left:9px; top:22px;"><i></i></span><em class="name">西藏</em></div>
    <div class="city"><span style="left:13px; top:14px;"><i></i></span><em class="name">青海</em></div>
    <div class="city"><span style="left:3px; top:3px;"><i></i></span><em>内蒙古</em></div>
    <div class="city"><span style="left:3px; top:3px;"><i></i></span><em>宁夏</em></div>

    </div>

  • 相关阅读:
    手机市场价格尚待规范
    Hotmail的2G邮箱被收回,只剩250M了
    网格50题(zz)
    Wallop介绍
    Hotmail邮箱居然还有2G
    IE 7.0抛弃Win2000用户?(zz)
    祝各位Blogger新春快乐!
    Gmail Invitation
    A CS Research Topic Generator(zz)
    今天"做大岁"
  • 原文地址:https://www.cnblogs.com/jingangel/p/3246362.html
Copyright © 2011-2022 走看看