使用CSS相对于背景图像定位元素100％在所有分辨率

Question

我正在尝试配置我的网站的CSS，以便将我网页中的所有元素相对于背景定位。但是，我似乎无法解决这个问题。我尝试使用100％宽度和高度的相对容器......但不同的分辨率为链接提供不同的位置等。

我还尝试使用HTML来链接导航栏中的图像，由于某种原因，图像链接也不起作用。

如果您想查看代码，网站为http://www.aaronbcarver.com。

Answer 1

首先，

1. 使用Photoshop或任何所需的图像编辑器，您的背景图像具有非常高的分辨率，即3510像素* 2550像素，可降低分辨率和图像质量百分比（约80％）。
2. 尝试将CS​​S与主文件分开。您可以将CSS链接到您的     index_carousel.html。有关参考资料，请参阅here
3. 我假设你在谈论移动响应。如果这样说，请使用CSS框架。最受欢迎的框架之一是Bootstrap。下载其库并了解有关其结构的更多信息。