一个div中的多个背景图像,一个图像接一个

时间:2015-05-01 00:20:37

标签: css css3 background-image

假设我有2张图片,一张是 1px * 700px ,第二张是 1px * 800px 。我想将这些图片作为background添加到一个div,以便div具有 1500px 高度。

CSS3可以吗?

div{
    background: url(first_image.jpg) repeat-x, url(second_image.jpg) repeat-x;
    /* ... */
}

我可以"加入" Photoshop中的那些图片,但我想知道是否有CSS3解决方案。

我的问题:目前我有两个divs,每个都有一个background-image所以当它放在一起时它看起来不错。我的问题是我有一个元素需要在那两个divs"加入"的地方,并且当我将那个元素放在那里时 - 它会破坏布局。我可以和position: absolute一起玩,但我更愿意避免这种情况。

0 个答案:

没有答案