css3背景图全屏显示 |css设置背景图片相关属性

css发现画面，div id的css，html直接打开css失效，css 鼠标经过变透明，css瀑布流布局实现方式，css 选择器多个作用，css设置背景图片相关属性 css3背景图全屏显示 |css设置背景图片相关属性

html,body{
height:100%;
}
body{
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

上面的代码设置了body元素的高度为100%，然后设置了背景图片，使用了cover关键字，意思是保持原始宽高比例的情况下，缩放背景图像，让背景图像的宽高都刚好等于容器的宽高，这样就实现了背景图全屏显示的效果。

另外，大家还可以使用background-position属性来调整背景图像的位置，比如将背景图像居中，代码如下：

background-position: center center;

这样就能让背景图像在水平和垂直方向都居中显示。

总之，实现背景图全屏显示非常简单，只需要给容器元素设置背景图像，然后设置一些CSS属性即可。