css 背景图片居中简写

CSS中经常会使用背景图片作为页面的背景，但是要想让背景图片居中却让人头疼。以下是几种简便方法：

    background: url(../img/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    

上面的代码将背景图片设置在页面中央，而且覆盖整个页面。不同浏览器的支持情况也都被充分考虑到，这是一种比较简单的方法。

另外，还有一种比较经典的方法如下：

    background: url(../img/bg.jpg) no-repeat;
        background-position: center center;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    

这种方法同样比较简单易用，也是至今被广泛使用的方法之一。

除了以上两种方法，还有其他的方法，但是不是很实用。比如使用position:absolute的方式，代码比较复杂，而且需要判断页面的大小，所以不太适合。

总之，以上两种方法是比较常见且实用的方法，可以根据自己的需求来选择相应的方式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！