如何在具有背景图像的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>