有人可以解释一下“背景:url(images / bg.jpg)无重复中心;”是在做?

时间:2014-01-04 12:23:00

标签: css

我一直在使用这种方法

http://css-tricks.com/perfect-full-page-background-image/

这是我作为div的css。

    mydiv {
            background: url(images/bg.jpg) no-repeat center center; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
    }

我不明白这部分是什么。它填写了哪些css属性?

    center center; 

任何人都可以启发我吗?

2 个答案:

答案 0 :(得分:3)

no-repeat表示背景图像将显示一次。

center center

表示图像将垂直和水平居中。

答案 1 :(得分:3)

如果将背景属性拆分为:

,您会更好地理解它
background-image:url('images/bg.jpg');
background-repeat:no-repeat;
background-position:center center;