在CSS3中可能有多個具有特定大小的背景圖像嗎？

我有DIV有2個背景，在我的情況下，它是漸變和圖像。我想改變背景圖片的大小，但不是漸變的大小？可能嗎？在CSS3中可能有多個具有特定大小的背景圖像嗎？

請注意：我不想用2個的DIV，一個用於梯度和一個背景圖像

編輯：

<div id="button"></div> 

#button { background: url(img.png) no-repeat 0.5em 0.5em, -webkit-gradient(linear, left top, left bottom, from(#74ae0f), to(#497105)); }

來源

2011-05-03 Frodik

你能顯示你當前的標記嗎？ – 2011-05-03 11:10:12

好的，我已經添加了標記，這很簡單。只需設置多個背景的DIV和CSS - 第一個背景是圖像，第二個背景是漸變。我想爲第一個背景圖像設置特定的背景大小。 – Frodik 2011-05-03 11:57:14

好吧，通過簡單的巧合，我找到了我的問題的答案。我找不到任何地方它在互聯網上，所以我只是嘗試這樣做，它的工作，因爲我想：

background-size: 2em 2em, 100% 100%;

第一個聲明「2em的2em的」適用於背景圖像和第二宣言「，100％100％「適用於背景漸變。因此在後臺定義中聲明使用與兩個背景相同的順序。

現在看起來很簡單直接，但我沒有在任何文檔或網頁中找到它。

來源

2011-05-03 15:54:58 Frodik

http://www.w3.org/TR/css3-background/是文檔的位置。 – 2011-05-03 23:43:50

我想你可以只添加

-o-background-size: 80%, 30%; 
-webkit-background-size: 80%, 30%;  
-moz-background-size: 80%, 30%; 
background-size: 80%, 30%;

來源

2011-05-03 12:02:07 cmplieger

當然，我可以，但這會改變背景圖像和背景漸變的大小，這正是我不想要的... 我只需要設置背景圖像的大小，而不是背景漸變。 – Frodik 2011-05-03 12:42:10

嗯，只是設置第二個到100％，然後...沒有準備好問題的傢伙... – cmplieger 2011-05-04 10:04:11

在CSS3中可能有多個具有特定大小的背景圖像嗎？

回答

相關問題