摘要:
最近做一个页面掉到奇怪的坑里,使用bootstrap 2.x的popover插件,可是popover出现的地方不对,而且firefox和chrome、ie各自的表现还不一样,firefox是在父元素img的周围,稍微调调位置还能正常显示,chrome和ie里面就整个页面乱跑了,完全无解。后来研究了一下,原来是问题出在map area上面,图片热点map area是设计切图以及一些将图片输出为html的常见手段,但是浏览器对area的支持并不完善,无法获取area的位置和尺寸,于是popover自然也不能确定该元素的位置,只能到处乱跑了。网上有人写了一个用js获取area的位置和尺寸的插件,我将 阅读全文