javascript - 如何将 div 元素定位到背景上的确切点

Question

我正在寻找如何将 div 定位到背景上的确切位置的解决方案。我有一个背景图片 ( http://www.jewelryplatform.com/coming-soon.jpg )，我需要将整个 div 和表单等放在图片的中心，您可以在其中看到相应的框。第二个问题是图像将根据窗口大小调整大小。有什么简单的方法可以做到这一点吗？

Answer 1

您在 CSS 和媒体查询方面有很多经验吗？

您可以在您的 css 中添加断点，然后为该断点处的元素指定特定样式。

#formDiv{ position: absolute; left 50%; top:50%}
@media only screen and (max-width: 995px) {
   #formDiv{ position: absolute; left 25%; top:25%}
}