如何在具有背景圖像的div內定位背景圖片的div？

Question

JavaScript和JQuery還是新的。我有一個div與div。我在外層div中設置了背景圖像，我想在內層div中設置另一個圖像。我也想從外部div左上角10 10設置內部div。

我使用以下代碼（lc是outter，slc1是內）：

$(myPage.hash('lc')).css("background-image", "url(images/leftcolumn640.jpg)"); 

$(myPage.hash('slc1')).width("200"); 
$(myPage.hash('slc1')).height("200"); 
$(myPage.hash('slc1')).position({ 
    my: "left top", 
    at: "left top", 
    offset: "10 10", 
    of: myPage.hash('lc'), 
    collision: "fit" 
}); 

$(myPage.hash('slc1')).css("background-image", "url(images/Square_200w_200h.png)"); 

無論是內部和外部圖像被diplayed，但是內部的圖像不是在外部圖像10。我究竟做錯了什麼？我該如何解決這個問題？謝謝。

Answer 1

嘗試以下操作：

$(myPage.hash('slc1')).css({ 
    width:200, 
    height:200, 
    position:"relative", 
    top:10, 
    left:10, 
    backgroundImage:"url(images/Square_200w_200h.png)" 
}); 

或者，你可以嘗試使用的利潤率，而不是位置。

Answer 2

如果你是新來這個你移動到像jQuery框架之前，爲什麼不從基礎開始？

在HTML *和CSS：

<style type="text/css"> 
.outer { 
    position: absolute; 
    top: 100; 
    left: 100; 
    background-image: url('path/to/image.jpg'); 
} 
.inner { 
    position: relative; 
    top: 10; 
    left: 10; 
    background-image: url('path/to/image1.jpg'); 
} 
</style> 

<div class="outer"><div class="inner"></div></div>