Серый бар, который появляется каждый раз, когда я загружаю свой файл GLB ⇐ Html

[Anonymous]

Я пытаюсь импортировать трехмерную модель на свою страницу HTML (я использовал ИИ для помощи), и когда я это делаю, я вижу эту серую панель в верхней части моей модели каждый раз, когда обновляюсь. У кого-нибудь есть подсказка о том, как от него избавиться?

Я добавил эталонную фотографию.

Код: Выделить всё

3D Avatar










< /code>
css: < /p>
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #f5f5f5;
font-family: 'Raleway', sans-serif;
height: 100vh;
width: 100vw;
overflow: hidden;
display: flex;
justify-content: flex-end;
align-items: center;
}

#model-container {
width: 60vw;
height: 80vh;
padding: 0;
margin: 0;
transform: translateX(20px);
}

#model-container model-viewer {
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
}

серая полоса, которая появляется поверх модели




Подробнее здесь: https://stackoverflow.com/questions/795 ... y-glb-file