div中的背景圖像不重復？
[英]Background-image in div not repeating?
問題描述
我無法讓圖像在 HTML/CSS 中重復。 我對此很陌生，所以我可能犯了一個基本錯誤，但我一生都無法弄清楚它是什么。
我在我的 index.html 中創建了一個 div
...
<body>
<div class="bakgrund"></div>
</body>
...
還有我的 CSS 文件：
.bakgrund {
background-image: url("img/bakgrund.png");
height: 200px;
width: 200px;
}
圖像只顯示一次。 我想要做的是讓圖像垂直和水平重復。 當我在 body 標簽中定義背景圖像而不是作為 div 時，這可以完美地工作，這可能嗎？
3 個解決方案
解決方案1
2 2021-05-18 13:50:34
如果您的背景圖片尺寸大於 div 尺寸，請像這樣設置背景尺寸。
.bakgrund { background-image: url("https://www.w3schools.com/cssref/paper.gif"); background-repeat: repeat; height: 200px; width: 200px; background-size: 20px 20px; }
<body> <div class="bakgrund"></div> </body>
解決方案2
1 2021-05-18 13:56:51
background-repeat 的默認值已經是重復的，但是如果你需要通過 css 在...中重復背景圖像？ 嘗試這個
.bakgrund {
background: url("img/bakgrund.png") repeat;
height: 200px;
width: 200px;
}
解決方案3
1 2021-05-18 14:10:38
將此行添加到您的 CSS 文件
background-repeat: repeat;
具有背景圖像的div被具有背景圖像的另一個div覆蓋
[英]Div with background-image overlayed by another div with background-image
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.