我一直在使用这种方法
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;
任何人都可以启发我吗?
答案 0 :(得分:3)
no-repeat表示背景图像将显示一次。
center center
表示图像将垂直和水平居中。
答案 1 :(得分:3)
如果将背景属性拆分为:
,您会更好地理解它background-image:url('images/bg.jpg');
background-repeat:no-repeat;
background-position:center center;