css - 如何根据背景图像而不是窗口浏览器定位图像

Question

我以前问过这个问题，但似乎没有人明白我在说什么，因为它是书面形式，所以我现在用了 2 分 12 秒。我在其中说明我的问题的视频。

视频链接:https://www.youtube.com/watch?v=7XfQS_-gp98&feature=youtu.be

这个问题的相关css代码:

#BackgroundImage{
position: absolute;
width: 100%;
hight: 100%;

}

#Frame{
position: absolute;
width: 34.68%;
height: auto;

}

#Logo{
position: absolute;
width: 19.32%;
top: 8.5%;
left: 5%;
height: auto;
}

我还制作了一个 fiddle ，您可以在其中找到相关的 html 代码，以备不时之需。

https://jsfiddle.net/ff154bsa/

提前感谢任何贡献!

Answer 1

你的top:8,5%指的是高度。如果你指的是宽度呢？尝试以这种方式将错误引用到宽度:

top:8vw;