HTML CSS background-image 屬性根本不起作用

Question

好的，所以我正在制作一個網站，它有一個大背景圖像，頂部有一些文字。 我以前只使用了一個<img>標簽，但在移動設備上縮放得非常厲害，整個圖像仍然存在，但只是傳遞到屏幕的右側。

為了解決這個問題，我找到了 w3schools ( https://www.w3schools.com/howto/howto_css_full_page.asp ) 的教程，其中顯示您可以將背景設置為圖像。 我已經嘗試過這個 css 並將其放在<div>但我無法讓圖像真正顯示出來。

這是我的 css，它應該顯示圖像。

 background-image: url("home background image.png"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; align-content: center;

我已將圖像移到站點的根文件夾中，但它仍然不起作用。

謝謝

Answer 1

這些屬性是當您使用background: url('path_of_our_image); 在元素上（如 div 而不是 img）。

Answer 2

好的，我找到了解決方案！ 該圖像設置為非常小，並且被我的網站的導航欄覆蓋。

我的解決方案是將高度從 100% 更改為 55vw。

謝謝你的幫助。