Question

请检查下面的Web模板图像。网址-https://ibb.co/cD3iH8

我希望将此bg图片用于整页。我该如何实现？我应将此图像切成7-8部分，然后单独使用bg或1张图像。

Answer 1

此处有多个选项。您可以玩：

background-size: 100%

或

background-size: cover

或

background-size: contain

祝你好运！

Answer 2

使用与图像高度相同的身体高度：

body{
  background-image:url('https://image.ibb.co/iGhzqT/atach_6.png');
  height:5788px;
  background-size: contain;
}

https://codepen.io/spmsupun/pen/YvvJWb

Answer 3

添加

background-repeat:no-repeat; 
background-size:contain;

到您的样式表。它将正常工作。我在下面添加了代码段

body{
  background:url('https://image.ibb.co/iGhzqT/atach_6.png');
  height:6000px;
  background-repeat:no-repeat; 
  background-size:contain;
  width:100%;
  }

<body>
  
</body

如何使用一张图像作为整页背景

3 个答案: