在所有決議100％使用CSS相對背景圖像定位元素

Question

我想配置我的網站的CSS來定位我的網頁相對於背景的所有元素。但是，我似乎無法弄清楚這一點。我試圖使用100％寬度和高度的相對容器......但不同的分辨率爲鏈接等提供了不同的位置。

我也嘗試只使用HTML鏈接導航欄中的圖像，原因圖片鏈接也不起作用。

如果您想查看代碼，該網站是http://www.aaronbcarver.com。

Answer 1

首先，

1. 背景圖像具有很高的分辨率，這是3510px * 2550px通過使用Photoshop或任何你想要的圖像編輯器，降低分辨率和圖像質量的百分比（80％左右）。
2. 嘗試從主文件中分離CSS。您可以將您的CSS鏈接到您的 index_carousel.html。請參閱here以供參考
3. 我假定您正在談論移動響應。如果這樣說，請使用CSS框架。最流行的框架之一是Bootstrap。下載它的庫並瞭解更多關於它的結構。