多個內容：url圖片

我正在嘗試使用CSS將多個圖像添加到頁面。我這樣做是爲了確保移動兼容性（它允許我爲圖像設置百分比寬度，這使得我可以在移動設備上以合適的大小顯示），而不是以更直接的方式進行。多個內容：url圖片

我目前在我的樣式表：

div.image { 
content:url(http://example.com/example-image1.jpg); 
width:100% 
} 

div.image2 { 
content:url(http://example.com/example-image2.jpg); 
width:25% 
}

然後幾個更多的圖像。然後在我的網頁的某些部分：

<div class="image"> 

</div> 

<div class="image2"> 

</div>

我得到的問題是內容：URL似乎只在第一時間進行工作，這是一個顯示唯一的圖片。它似乎沒有多個div的問題，就好像我設置第二個div相同的內容：url圖像作爲第一個div，該圖像確實顯示兩次。

對不起，如果這是一個愚蠢的/ noob問題......我只是無法找到答案。

來源

2017-07-25 Paulo Piper Segurado

你忘了一個支架：

div.image2{ 
    content:url(http://example.com/example-image2.jpg); 
    width:25% 
}

編輯：我試圖與支架和它的工作。我使用Mozilla Firefox版本58.

來源

2017-07-25 22:01:31

對不起，只是把錯誤代碼添加到我的問題...即使使用括號也不起作用。我會嘗試編輯。謝謝。 –

我嘗試了支架，它的工作。我使用Chrome版本59. –

確定這很奇怪...我會再次檢查我的代碼。 –

多個內容：url圖片

回答

相關問題