2012-05-17 4 views
0

Я пытаюсь динамически разместить изображение того же размера и позиции над другим div, но я не могу заставить его работать.Как я могу динамически разместить изображение такого же размера и позиции над другим 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> 

ответ

2

Посмотрите этот пример, который я сделал для вас.

Это то, что вы хотите?

Обновлено:

Живая демонстрация:http://jsfiddle.net/oscarj24/Byzn8/1/

+0

Я хотел, чтобы это Google образ приходит прямо поверх красного DIV элемента :) – Yahoo

+0

Хорошо, мм это необходимо, чтобы быть «над» DIV или заменить html внутри div на изображение? :-) –

+0

через Div :) – Yahoo

Смежные вопросы