背景图像x基于屏幕分辨率的位置

时间:2012-10-04 11:06:24

标签: jquery css positioning

我需要在屏幕中央放置一个背景图像+根据屏幕分辨率放置一些偏移量,以使其与设计元素一起使用。这是我到目前为止所做的:

var viewportWidth = jQuery(window).width();
jQuery('.home #container').css('background-position-x', viewportWidth/2);

我现在想知道的是如何根据屏幕尺寸偏移背景图像。

编辑:改写。

我需要根据屏幕宽度(渲染时)将背景图像放在屏幕中央,以使其与我完成的设计一起工作。这是我到目前为止所做的:

var viewportWidth = jQuery(window).width();
jQuery('.home #container').css('background-position-x', viewportWidth/2);

然后,我需要根据某人正在使用的监视器略微偏移该背景图像,例如:

1024个监视器:background-position-x:center + 24

1152监视器:background-position-x:center + 32

1400个监视器:background-position-x:center + 102

类似的东西。

非常感谢!

0 个答案:

没有答案