在一個div中的多個背景圖像

我在Photoshop中製作了一個功能區。功能區有三部分。左側和右側部分是固定的10px。中間部分是可重複的模式。在一個div中的多個背景圖像

是否有可能將這些圖像作爲我的標籤的背景結合起來？

2012-01-30 holian

只有在CSS3，你可以有一個元素多背景，所以是的，但不是所有瀏覽器都將支持它。 – j08691 2012-01-30 20:35:12

這是另一個可能的解決方案。如果您可以更改背景，使其由兩個圖像組成，您可以使用此處解釋的技術：http://www.alistapart.com/articles/slidingdoors2/ – 2012-01-30 20:45:30

爲@ j08691說，只有在CSS3

#yourTag { 
background-image: url(one.png), url(two.png); 
background-position: center bottom, left top; 
background-repeat: no-repeat; 
width: 300px; 
height: 350px; 
}

在這裏你有一個：good example

來源

2012-01-30 20:39:12 MCSI

良好的解決方案。但是，從我閱讀的內容來看，在所有瀏覽器中都不起作用......在我看來，它已經足夠普及，但取決於您的目標受衆。謹慎使用。 – blo0p3r 2012-01-30 20:56:31

只可能用CSS3的現代瀏覽器。

.element{ 
    background-image: url(key.png), url(stone.png); 
}

來源

2012-01-30 20:39:17 laymanje

只需在標記中添加一個類，然後使用CSS爲該類添加背景。這不會對IE8工作或更早

div 
{ 
background:url(smiley.gif) top left no-repeat, 
url(sqorange.gif) bottom left no-repeat, 
url(sqgreen.gif) bottom right no-repeat; 
}

代碼爲http://www.w3schools.com/cssref/css3_pr_background.asp

爲了得到它在IE的其他版本的工作，你可以使用類似CSS3Pie http://css3pie.com/documentation/supported-css3-features/#pie-background 但是我想將代碼前全面測試住

來源

2012-01-30 20:42:02 Oliver

在一個div中的多個背景圖像

回答

相關問題