2容器與背景圖像和內容

Question

我一直在搞這個代碼一段時間，試圖學習CSS。我嘗試了很多，並沒有取得太大的進步......最終我想擁有兩個容器，每個容器都有自己的背景圖片，然後我希望能夠在這些單獨的容器（YouTube視頻，文本等）中上傳內容。

第一個容器是我想要它的地方，我想要的圖像，但圖像不作爲背景圖像，因爲我不能添加任何內容。第二個容器就在這個右邊。

這是我試圖製作的容器的代碼。

網址：http://fidditreviews.com/?page_id=6

#container .image-container { 
    width:350px; 
    padding:0px; 
    border:5px solid gray; 
    margin-top:0px; 
    margin-bottom:0px; 
    margin-right:0px; 
    margin-left:-40px; 
} 

謝謝！

Answer 1

如果您在div中添加帶有標記的圖片，圖片將位於內容的頂部。

如果你想在圖像上的背景下，你必須把它放在你的CSS：

background-image: url(../images/example.png); 

然後你將內容添加到您的容器中，將在圖像的頂部

至於第二個容器，我無法在頁面中找到第二個容器。

document.getElementsByClassName("image-container"); 
[ 
    <div class=​"image-container">​…​</div>​ 
] 

如果您希望將它們並排放置，您可能需要將它添加到下面。

然後你可以檢查這個question將它們並排放置。