div内に背景イメージを含むdivを配置するにはどうすればいいですか？

Question

まだJavascriptとJQueryの新機能です。私はdivにdivを持っています。私は外側の画像をdivに設定し、内側に別の画像を設定したいと考えていますdiv。私はまた、内側divを、外側divから左上10 10に設定したいと考えています。

$(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 10ではない：

私は、次のコードを使用しています（lcはslc1が内側で、outterあります）。私は間違って何をしていますか？これをどうすれば解決できますか？ありがとう。

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>