是否有可能在同一個元素上有兩個背景彼此重疊？

有時身體比屏幕小，背景被裁剪掉。這就是爲什麼我想把這兩個背景放在<html>元素中。我知道，與CSS3有可能有兩個背景（一個接着一個別的）其中之一元素，這樣寫的：是否有可能在同一個元素上有兩個背景彼此重疊？

background: url('/images/mosaic.gif') no-repeat, url('/images/photo.png') no-repeat;

我的問題是，是否有可能在彼此的頂部有2個圖像？一個馬賽克重複，並在它上面的照片不重複。我一直試圖做這種方式，它不工作：

background: url('/images/mosaic.gif') repeat, url('/images/photo.png') no-repeat;

來源

2012-10-20 lisovaccaro

是的，這是可能的，而正是你寫的方式。 See here for an illustration.

<div id='cont'></div> 

#cont { 
    background: url(http://lorempixel.com/400/200/food/1/) center center no-repeat, 
     url(http://lorempixel.com/400/200/food/2/) repeat; 
}

來源

2012-10-20 06:34:34 McGarnagle

你可以在底部和頂部用色用的圖像是這樣的：

background: URL(images/page_bg.jpg) top left repeat-x #7C8FF7;

來源

2012-10-20 06:49:54

是否有可能在同一個元素上有兩個背景彼此重疊？

回答

相關問題