根据其他调整大小的html元素定位背景图像

因此，我有一个位于页面中间（水平居中但不垂直）的div，它缩放以适合设备宽度，直到设备大于600px。之后，div保持在600px宽，并保持居中在窗口中，不管它变得多大。根据其他调整大小的html元素定位背景图像

我想要做的是定位一个背景图像，使它总是位于这个缩放比例的左下角div（页面背景不是div的背景）。我相信我需要使用JavaScript来做到这一点，但我并不确定。我想我可能需要做一些事情，如：

var divWidth = document.getElementById('theScalingDiv').offsetWidth; 
var pageWidth = document.clientWidth; 
var xCoord = (pageWidth/2) - (divWidth/2);

然后，我可以使用绝对定位根据缩放div和计算xCoord的高度来定位背景图像。这听起来好像会起作用吗？

来源

2012-08-02 Brian Ecker

你可以在DIV上使用固定的定位：

.divtoposition { 
position:fixed; 
left: 0; 
bottom: 0; 
}

http://jsfiddle.net/7v5L4/

来源

2012-08-02 05:31:34

我知道我可以使用固定定位，但我真的不希望出于美观的目的。我希望它始终居中。 – 2012-08-02 05:42:49

好的，背景图片是否需要缩放呢？如果不是，可以通过绝对定位完成。。。 http://jsfiddle.net/7v5L4/6/ – 2012-08-02 18:28:42

根据其他调整大小的html元素定位背景图像

回答

相关问题