響應圖象CSS沒有響應

好傢伙我已經把一個圖像中的CSS和它的做工精細這裏是代碼：響應圖象CSS沒有響應

<div class="r-img" ></div>

和CSS

.r-img { 
background-image: url(./img/cloud2.png); 
background-size: 30%; 
background-repeat: no-repeat; 
overflow: hidden; 
padding: 439; 
margin-left: 4%; 
margin-top: 0%; 
}

這裏是打印屏幕：http://imgur.com/p6m3PM5

當我使用CTRL +雙擊自動滾屏或我更改分辨率一切都是完美的形象在那裏停留

我想添加更多圖像，但它不能修復頁面的介紹，即使我使用與第一張圖像完全相同的CSS。看一看。

<div class="tel" ></div>

和CSS

.tel { 
background-image: url(./img/sms-6-256.png); 
background-size: 30%; 
background-repeat: no-repeat; 
overflow: hidden; 
margin-left: 4%; 
margin-top: 0%; 
}

完全一樣。

的圖像被添加，但是當我更改分辨率或我放大圖像移動：

enter image description here

任何IDEEA？謝謝。

來源

2014-01-23 Botez Sebastian Adrian

如果沒有一個提供HTML的小提琴，這很難說，但是如果你有一個包含第一個工作圖像的元素（一個div或其他東西），把第二個圖像放入它和你的CSS設置是這樣的：

background-image:url(firstimage.png),url(secondimage.png); 
background-position:4% 0%,40% 40%; 
background-size:30%,5%;

逗號分隔組值將會把兩個圖像，這些樣式將應用到同一個元素。所有這些逗號分隔的值將用於它們各自的圖像。也就是說，第一個值將僅應用於第一個圖像，而第二個值將僅應用於第二個圖像。

使用background-position，在這種情況下，您可以做更多或更少的事情。我爲後面的兩個數值設置了40％，但是您可以根據需要進行調整。與大小相同。

這應該保持它的位置，但我沒有用小提琴進行測試。

來源

2014-01-23 20:50:55 Hiigaran

我明白你想告訴我什麼。我在1css中插入了兩張圖片，並且完全按照您的說法進行操作。問題依然存在。第一個圖像是固定的，第二個移動時，我改變了分辨率 –

其實這是工作。我在第一張圖片div中添加了第二張圖片，並且修復了圖片。非常感謝你。我真的很感激！ 'background-image：url（./ img/cloud2.png），url（./img/sms-6-256.png）;' –

不用擔心！另外，如果您的img文件夾位於您的網站根目錄中，則不需要添加該文件夾。到網址。用/來表示網站根目錄的路徑。 – Hiigaran

響應圖象CSS沒有響應

回答

相關問題