gpt4 book ai didi

javascript - 使用 Javascript 自动将 div 调整为背景图像高度

转载 作者:太空宇宙 更新时间:2023-11-04 01:05:48 25 4
gpt4 key购买 nike

我正在尝试使用 JavaScript 动态调整背景图像的大小,以获取图像的高度并设置页面上 div 的高度。不确定为什么这不起作用

如有任何帮助,我们将不胜感激。

我当前的代码:

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Building Layout - Drag and Drop</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script src="mainScripts.js"></script>
</head>

<body>

<div id="background-image">


<div>
<!--Drag and Drop tiles go here-->
</div>
</div>

</div>
</body>
</html>

CSS

#background-image {
background-repeat: no-repeat;
}

JavaScript

var img = new Image();
img.onload = function() {
document.getElementById('background-image').style.height = this.height;
}
img.src = 'floorplan.jpg';

最佳答案

看起来您需要在 this.height 的数字后提供“px”,如下所示:

document.getElementById('background-image').style.height = this.height + "px";

关于javascript - 使用 Javascript 自动将 div 调整为背景图像高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52263700/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com