我正在尝试将相同大小和位置的图像动态放置在另一个 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> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p>
<p> </p>
</div><img id="img" src="axz.png" style="position: absolute; z-index:100; border:dotted thick; " />
<div class="t">
</div>
</div>