javascript - 如何获取图像的图像高度以设置另一个div高度

Question

我有图像 (#myimage)，图像高度不同。还有一个叠加层 (#overlay)，它应该恰好位于该图像之上。我已将覆盖设置为 100%，这对我不起作用，因为有 #someotherstuff 不应从覆盖中覆盖..

问题是，如果我不知道#myimage 的高度是多少，我该如何确定它的高度呢？不过，它的高度应该有所不同。因此宽度为 100%，高度为自动。

<div id="container">
    <img id="myimage" src="image.png">
    <div id="overlay">
        <img src="overlay.png">
    </div>
<div id="someotherstuff">
 // some other stuff not to cover
</div>
</div>

CSS

#myimage {width:100%;height:auto;}
#overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

Answer 1

用 jquery 做这个:

$(document).ready(function(){
   image_height = $("#myimage").height();
   $("#overlay").height(image_height);
});