Question

我试图将一个元素放在屏幕的中心，我能够在chrome和safari上实现它但是在firefox上jquery定位不会发生，除非我调整窗口大小我的jquery脚本是这样的：

$(window).on('ready resize', function(){
  var windowH = $(window).height();
  var lopos = $('.banner1').children('img').height()/2;
  var centerPos = $('.banner1').children('img').width()/2;
  var sponsor_place_width = $('#s_place').width();
  $('.logo').children('img').css('top', lopos);
  $('.sponsor_place').css('top', lopos - $('#s_place').outerHeight()/2 +$(document).scrollTop());
  $('.sponsor_place').css('left', centerPos/2);
});

有没有办法在firefox上解决这个问题？

Answer 1

jQuery的$(window).height()对doctype很敏感。试试<!doctype html>。你使用的是jquery 1.8和16以下的firefox吗？

在firefox中提醒$(window).height()的值使用

$('#s_place').outerHeight({margin: true});并在所有浏览器中提醒此信息

Answer 2

.center
{
 margin:0 auto;
}

在中心添加所需图像标记的班级中心。

使用jquery在屏幕中心定位绝对div - 不适用于firefox

2 个答案: