css层的背景图片满屏 |js获取css3属性

ie css 大写，过度css高度改变，黑客特效代码css，css渐变按钮停运，css3 图片上下动，css3内部样式图解，js获取css3属性 css层的背景图片满屏 |js获取css3属性

/*定义背景图片*/
body {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

其中，background-size 属性定义背景图片的尺寸。cover 表示图片会被缩放到能够完整覆盖背景区域，并保持比例；background-position 属性则定义图片在背景区域内的位置。这两个属性的配合可以实现背景图片满屏的效果。

但需要注意的是，使用这个方法的话，当浏览器窗口变小的时候，图片将被自动裁剪以适应新的大小。所以在选择背景图片的时候，要保证图片的正中央不会错过整个图案或文本的重要部分。