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