Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据其他调整大小的html元素定位背景图像 所以我有一个 div 位于我的页面中间(水平而不是垂直),它缩放到设备宽度,直到设备变得大于600 px。在此之后,div保持在600px宽,并在窗口中保持居中,无论它变得多大_Javascript_Html_Resize_Background Image_Css Position - Fatal编程技术网

Javascript 根据其他调整大小的html元素定位背景图像 所以我有一个 div 位于我的页面中间(水平而不是垂直),它缩放到设备宽度,直到设备变得大于600 px。在此之后,div保持在600px宽,并在窗口中保持居中,无论它变得多大

Javascript 根据其他调整大小的html元素定位背景图像 所以我有一个 div 位于我的页面中间(水平而不是垂直),它缩放到设备宽度,直到设备变得大于600 px。在此之后,div保持在600px宽,并在窗口中保持居中,无论它变得多大,javascript,html,resize,background-image,css-position,Javascript,Html,Resize,Background Image,Css Position,我想做的是定位背景图像,使其始终位于缩放div的左下角(页面背景不是div)。我相信我需要使用javascript来实现这一点,但我不太确定。我想我可能需要做一些事情,比如: var divWidth = document.getElementById('theScalingDiv').offsetWidth; var pageWidth = document.clientWidth; var xCoord = (pageWidth/2) - (divWidth/2); 然后我可以使用绝对定位

我想做的是定位背景图像,使其始终位于缩放
div
的左下角(页面背景不是
div
)。我相信我需要使用javascript来实现这一点,但我不太确定。我想我可能需要做一些事情,比如:

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

然后我可以使用绝对定位,根据缩放
div
的高度和计算出的
xCoord
来定位背景图像。这听起来像是可行的吗

您可以在div上使用固定定位:

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

我知道我可以使用固定定位,但我真的不想为了美观而这样做。我希望它总是居中。好的,背景图像也需要缩放吗?如果不是,它可以通过绝对定位来完成。