0

我正在尝试将相同大小和位置的图像动态放置在另一个 div 上,但我无法使其工作。

这是我目前的尝试。

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript"  >
 $(document).ready(function() {
var div = document.getElementById("im");
var canvas = document.getElementById("img");

canvas.height = div.offsetHeight ;
canvas.width  = div.offsetWidth ;
canvas.offsetTop = div.offsetTop;
canvas.offsetLeft  = div.offsetLeft;


 });
</script>

</head>

<body>
<div>
<div id="im">
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<p>&nbsp;</p>
</div><img id="img" src="axz.png" style="position:  absolute; z-index:100; border:dotted thick; "   />
<div   class="t">
</div>
</div>
4

1 回答 1

2

看看我为你做的这个例子。

这是你想要的吗?

更新:

现场演示:http: //jsfiddle.net/oscarj24/Byzn8/1/

于 2012-05-17T15:51:15.283 回答