jQuery的offset在IE下的问题

最新推荐文章于 2020-06-18 17:45:33 发布

ilbubby

最新推荐文章于 2020-06-18 17:45:33 发布

阅读量3.6k

点赞数

分类专栏： html/css/js/jquery基础文章标签： jquery ie 浏览器

本文链接：https://blog.csdn.net/ilbubby/article/details/6665480

版权

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

4 篇文章 0 订阅

订阅专栏

试图使用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