Question

Javascript和JQuery还是新手。我有一个div div。我在外部div设置了背景图片，我想在内部div中设置另一个图像。我还想从外部div设置左上10 10的内部div。

我使用以下代码（lc更高，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)");

内部和外部图像都被显示，但内部图像不是外部图像的10 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>

如何使用背景图像在背景图像中定位div与背景图像？

2 个答案: