Css 如何在不同的桌面设备中应用相同的背景图像

Css 如何在不同的桌面设备中应用相同的背景图像,css,background,position,background-image,background-position,Css,Background,Position,Background Image,Background Position,如何在不同的桌面设备中为图像应用相同的背景图像位置 这是有背景图像的页面: 这是我的代码: #vision { background-attachment: fixed; background-image: url("/img/lapedrera.jpeg"); background-position: 85% 62%; box-shadow: 2px 1px 6px 0 #888888 inset; height: 350px; margin-top: 35px; width: 100%;

如何在不同的桌面设备中为图像应用相同的背景图像位置

这是有背景图像的页面:

这是我的代码:

#vision {
background-attachment: fixed;
background-image: url("/img/lapedrera.jpeg");
background-position: 85% 62%;
box-shadow: 2px 1px 6px 0 #888888 inset;
height: 350px;
margin-top: 35px;
width: 100%;
}

如果使用此工具查看并粘贴url,您会发现在不同的桌面设备中,背景图像会改变位置,如何使我的图像与不同桌面设备中的背景图像具有相同的位置


希望解释清楚

如果我正确理解了你的问题,我不确定。如果无论向下滚动多少次,都希望图像显示相同的区域,则必须删除此属性:


背景附件:固定

您可以将设置为:背景位置:中心1115px;然后你可以保持背景附件:固定;好的,很酷,它似乎工作正常,你能给我解释一下它的意思吗?感谢您将背景位置设置为百分比值。它测量访问浏览器的大小。中心值表示以div元素为中心的图像显示。1115px指示y轴上开始显示图像的位置。通过这种方式,您可以使它在不同的屏幕分辨率下看起来相同。