1

我正在尝试将一个元素定位在屏幕的中心,我可以在 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上解决这个问题?

4

2 回答 2

1
.center
{
 margin:0 auto;
}

为您想要在中心的图像标签添加类中心。

于 2013-05-22T10:41:29.423 回答
1

jQuery$(window).height()对文档类型很敏感。试试<!doctype html>。你在使用 jquery 1.8 和 16 以下的 firefox 吗?

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

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

于 2013-05-22T07:03:23.210 回答