如何使用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%以“拉伸”图片。

请注意。 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%;
 }