簡體   English   中英

我怎樣才能使背景圖像適應?

[英]how can i make the background image for <body> adapt?

新手在這里。 我已經為 body 設置了背景圖像,但是當 window 大小變化太大時,圖像不適合。 我能做些什么來消除空格? (如果問題很愚蠢,我很抱歉,但不知道問題是什么,我很難找到解決方案。感謝您的關注!)

這--->

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-image: url("img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

您可以使用 background-attachment 和 background-position 來填充背景。

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: url("img/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM