html - 如何使我的背景图像在页面上完全可见

Question

我试图将背景图像放在页面的中央，但图像超出了页面并且只能看到一部分。

这是我的CSS代码:

body{background-image:url(../img/music_palace_logo2.png);
background-repeat:no-repeat;
background-position:center;
background-size:50%;

我尝试更改背景大小:

background-size:contain;

但是它使图像太小了。

我该如何解决这个问题？

Answer 1

就用

background-size: cover;

CSS 规则。