jQuery的offset在IE下的问题

最新推荐文章于 2019-11-13 15:19:01 发布

原创最新推荐文章于 2019-11-13 15:19:01 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ie #浏览器

html/css/js/jquery基础专栏收录该内容

4 篇文章

订阅专栏

本文探讨了在IE浏览器中使用jQuery的offset()方法设置inline-block元素位置时出现的问题，解释了原因在于IE下inline-block元素与inline元素默认长宽不同，并通过实例演示了解决方案。

试图使用jQuery的offset()对元素位置进行设置，发现在IE下表现不正常，后来发现这不能算是jQuery的bug，而是因为IE下inline-block的元素与inline元素的默认长宽不同

<html>
<head>
<style type="text/css">
		
        #offsetTest
		{
		display:inline;
		background-color:green;
		}
		
        #offsetTest2
		{
		display:inline-block;
		background-color:green;
		}
        </style>

</head>
<body>
<div id="offsetTest">inline显示</div>
<div>分隔符===============================</div>
<div id="offsetTest2">inline-block显示</div>
</body>
</html>

以上代码中offsetTest2区域在IE系浏览器中，左右都是到顶的，即inline-block元素在IE中offset().left默认始终为0