如何使用 css 为 body 标签设置背景图片？

Question

这是我的css...

   body{    
   background: url(<?php echo base_url()."images/1.jpg";?>) no-repeat center
   center fixed;
   background-size: cover;
   -moz-background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;
   height: 100%;

   position:absolute; 
   width:100%;
 }

我想将图像设置为适合屏幕尺寸的完整背景。现在图像显示为完整背景，但图像的某些较低部分未显示。那么解决方案是什么？

Answer 1

您可以设置 background-size 到 100% 100% 到 'stretch' 图像。

注意。 canIuse 指出背景大小属性不需要前缀。

 body {
   background: url(http://placekitten.com/g/300/300) no-repeat center center fixed;
   background-size: 100% 100%;
   height: 100%;
   position: absolute;
   width: 100%;
 }

如何使用 css 为 body 标签设置背景图片？

How to set background image for body tag using css?

css

background

image