Question

两个背景图片：

https://www.marsha.com.hk/libs/img/Slim-landing%20banner1906x810-03.jpg

https://www.marsha.com.hk/libs/img/V-face-landing%201906x810_R1-02.jpg

您可以在浏览器中打开每个。我可以显示第一个图像，但是第一个被第二个URL代替，不能。

<!DOCTYPE html>
<html>

<head>
  <title></title>
</head>

<body>

  <div style="background-image:url(https://www.marsha.com.hk/libs/img/Slim-landing%20banner1906x810-03.jpg);  
    	   height: 330px;
    	   background-position: center;
    	  background-repeat: no-repeat;
    	  background-size: cover;
    	  position: relative" class="item2" data-aos="fade-up">
  </div>
</body>

</html>

Answer 1

如果您想显示整个背景，请使用
background-size: contain
还尝试设置
width: 100%

CSS错误：背景图片显示问题

1 个答案: