Показать html кнопку поверх javascript

Привет, Я работаю над проектом, чтобы показать Землю, и мне нужно, чтобы рядом с ним появились некоторые кнопки, на данный момент я могу получить только мои кнопки, чтобы отображаться либо ниже, либо над javascript , Я включил скриншот и мой html-код, я надеюсь, что кто-то может помочь, спасибо большое, дайте мне знать, если что-то не хватает, что вам нужно будет помочь.Показать html кнопку поверх javascript

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>

Изображение:

Здесь вы можете увидеть кнопку вне сцены, я хочу, чтобы поместить на него вместо.

источник

2016-02-21 Ethranes

Каким элементом вы хотите выступать в качестве наложения? Можете ли вы разместить свой существующий CSS? –

Вы имеете в виду кнопку информации? – Evochrome

Дайте кнопку в абсолютное положение и, в случае необходимости, некоторые 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*/ 
 
}

источник

2016-02-21 17:53:18 Wazaraki

вы можете использовать Div накладку, чтобы показать кнопки над землей изображение .. для получения дополнительной информации см. следующую ссылку:

Для этого вы можете установить z-индекс кнопки больше, чем z-индекс изображения. .thus заставляя кнопку появляться над изображением

источник

2016-02-21 18:01:27

Показать html кнопку поверх javascript

ответ

Смежные вопросы