在javascript顶部显示html按钮_Javascript_Css_Html_Web

在javascript顶部显示html按钮

javascript css html web

在javascript顶部显示html按钮,javascript,css,html,web,Javascript,Css,Html,Web,嗨，我正在做一个显示地球的项目，我需要一些按钮显示在它旁边，目前我只能让我的按钮显示在javascript的下方或上方。我已经包括了一个截图和我的html代码，我希望有人能帮助我，非常感谢，让我知道如果有什么遗漏，你需要能够帮助 HTML: 图片：在这里，您可以看到场景外的按钮，我希望它放在上面。给按钮一个绝对位置，如有必要，给按钮一些z索引 #简介{ 位置：绝对位置；左：300px；/*X坐标，根据需要调整*/ 顶部：300px；/*Y坐标，idem*/ z-index:10；/*

嗨，我正在做一个显示地球的项目，我需要一些按钮显示在它旁边，目前我只能让我的按钮显示在javascript的下方或上方。我已经包括了一个截图和我的html代码，我希望有人能帮助我，非常感谢，让我知道如果有什么遗漏，你需要能够帮助

HTML:

图片：

在这里，您可以看到场景外的按钮，我希望它放在上面。

给按钮一个绝对位置，如有必要，给按钮一些

z索引

#简介{
位置：绝对位置；
左：300px；/*X坐标，根据需要调整*/
顶部：300px；/*Y坐标，idem*/
z-index:10；/*仅当#webgl容器已经有一些z-index值时，才需要此选项*/
}

您可以使用div覆盖在地球图像上显示按钮。有关更多信息，请参阅以下链接

为此，您可以将按钮的z索引设置为大于图像的z索引…从而使按钮显示在图像上方

您希望用作覆盖的元素是什么？你能发布你现有的CSS吗？你是说信息按钮？

<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>