Здравствуйте,
Я пытаюсь подцепить одну и ту же картинку к разным областям так:
<style>
span { padding:10; margin:10; display:inline-block; border:1px dotted red;}
span img {position:absolute; left:0; top:0;}
</style>
<script>
window.onload = function () {
var base_image = new Image();
base_image.src = 'images/pic7.jpg';
base_image.width=30;
var spans = document.getElementsByTagName('span');
for(var i=0; i<spans.length; i++){
alert(i+':'+spans[i].style.height);
spans[i].appendChild(base_image);
}
}
</script>
</head><body>
<span></span>
<span></span>
<span></span>
<span></span>
но картинка появляется только в первой области...
Помогите, пожалуйста, разобраться. Возможно ли вообще такое? Или здесь есть баг? Я пробовал создавать каждый раз новую картинку в цикле - никакой разницы не получил.