css - "Gluing"HTML 到图像

Question

这是我的难题，我有一张背景图片，上面有一个栏。我使用

适合背景图像

body {
     background-image: url("foo");
     background-size: 100%;
}

我也有一些 html，我想放在 inside 那个栏中。问题是，当用户调整浏览器窗口大小时，图像会调整以适合它(这是我想要它做的)但是 html 停留在同一个位置，所以它被放在栏外。有没有一种方法可以使我的 html 像图像一样可调整大小，从而使 html 看起来粘附到图像？有人可以为此给我一个 css 剪辑吗？

Answer 1

使用图像指导布局的最大问题就是这个问题。不幸的是，Harrison，没有任何解决方案可以让你在不更改图像的情况下跨浏览器或浏览器大小做你想做的事。如果可以，请发一张它应该是什么样子的截图，以便我们可以帮助您修改背景以提高其兼容性

与此同时，我建议您从图片中删除条形并继续使用图片作为背景。然后使用带有 display: block; 的 div 并将条形图用作其背景。