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>

 

转载于:https://www.cnblogs.com/jingangel/p/3246362.html