最近要做一个鼠标滑过显示弹出层,鼠标离开后隐藏的功能,在ie和firefox下用JQuery的position().left层的定位没有问题,但是在Chrome下的position().left无效,只能用offset().left获取坐标位置显示层,代码如下:
$(function() { $('#topshop').mouseover(function() { var x = $(this).position(); var markDiv = $("#babyNew_sortBody"); if (x.left == 0) {//chrome下left=0 markDiv.css("left", $(this).offset().left); } else { markDiv.css("left", $(this).position().left); } markDiv.css("top", $(this).position().top + 40); markDiv.css('display', 'block'); }); $('#babyNew_sortBody').mouseleave(function() { $("#babyNew_sortBody").attr('style', 'display:none;'); }); });