在css3中定位多个背景

时间:2013-02-01 17:06:27

标签: css css3 background background-image

我有以下设置

background-image: url(image1.png) , url(image2.png);

想法是image1.png在任何地方重复,而image2.png应该只从页面顶部开始200px,只有repeat-x。我知道你可以像以下一样定位背景:

background-position: top left, left bot etc...

但是如何从页面顶部定位200px?并使它成为repeat-x

1 个答案:

答案 0 :(得分:1)

您需要使用简写为背景:

{background: url(image1.png) repeat, url(image2.png) 0 200px repeat-x;}

http://www.css3.info/preview/multiple-backgrounds/