我试图按照这个 SO答案来解决如何为图像着色,但是当我这样做时,$("#myselector").height();保持被归还为0.我做错了什么？继承我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="style.css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
overlay = $("#overlay");
img = $("#myimg");
overlay.width($("#myimg").width());
alert($("#myimg").height());
overlay.height("100");
overlay.css("top", img.offset().top + "px");
overlay.css("left", img.offset().left + "px");
});
</script>
<body id="home">
<div id="overlay" class="overlay"></div>
<img id="myimg" src="building.png" />
</body>
</html>
我最好的猜测是图像尚未加载.
你的脚本运行onready.如果你把它改成onload你可能会得到更好的结果.
更改
$(document).ready(function() {
至
$(window).load(function() {
更多:window.onload vs $(document).ready()