gpt4 book ai didi

javascript - 在 javascript 之上显示 html 按钮

转载 作者:行者123 更新时间:2023-11-30 16:15:52 26 4
gpt4 key购买 nike

您好,我正在做一个展示地球的元素,我需要一些按钮出现在它旁边,目前我只能让我的按钮显示在 javascript 的下方或上方。我已经包含了屏幕截图和我的 html 代码,我希望有人能提供帮助,非常感谢,如果有什么遗漏需要您提供帮助,请告诉我。

HTML:

<body>
<div id="webgl"></div>
<script src="js/three.min.js"></script>
<script src="js/Detector.js"></script>
<script src="js/TrackballControls.js"></script>
<script src="js/earth.js"></script>
<script type="text/javascript" src="aud.js"></script>
<script type="text/javascript" src="date.js"></script>
<input type="image" id="intro" src="images/icon-intro.png"/>
</body>
</html>

图片:

image

在这里你可以看到场景外的按钮,我希望它被放置在它上面。

最佳答案

给按钮一个绝对位置,如果有必要,一些z-index像这样

#intro {
position: absolute;
left: 300px; /* X coordinate, adjust as needed */
top: 300px; /* Y coordinate, idem */
z-index: 10; /* This should be needed only if the #webgl container has already some z-index value*/
}

关于javascript - 在 javascript 之上显示 html 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35538777/

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