多个背景

时间:2014-05-17 18:00:43

标签: html css background-image

我在将两个背景设置为一个页面时遇到问题。这就是它应该看起来的样子:

enter image description here

我玩过CSS,但没有任何作用,因为我看到的只是这个灰色的bg.png文件:

#kontakt {
    background: url(../images/bg.png), url(../images/IMG_1340.jpg);
    background-position: ;  
    background-repeat: reapeat-x, no-repeat;
    }

是否可以将页面分成两个,就像我想要的那样?非常感谢你。

如果我使用这个CSS:

background: url(../images/bg.png), url(../images/IMG_1340.jpg);
background-position: left top, right top;  
background-repeat: repeat-x, no-repeat;
}

结果如下:

enter image description here

1 个答案:

答案 0 :(得分:1)

#kontakt {
background: url(../images/IMG_1340.jpg), url(../images/bg.png);
background-position: right top, left top;  
background-repeat: no-repeat, repeat;
}