假设我有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
一起玩,但我更愿意避免这种情况。