@issaRUX

Почему мое видео вылезает за пределы доступного, появляется скролл и не работает текст?

Я знаю, что есть похожий вопрос, но я уже все перепробовала. Подскажите, пожалуйста)
Html:
<section>
        <video autoplay muted loop id="myVideo">
        <source src="video/video.mp4" type="video/mp4">
        </video>
        <div class="text">
            <h1>TEXT</h1>
        </div>
    </section>


css
.section {
    width: 100%;
    height: 100vh;
    background: #ff6803;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#myVideo {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.text {
    color: #ffffff; 
    z-index: 10;
    position: relative;
    font-size: 48px;
}


я хочу, чтобы этот непонятный скролл исчез, а текст стал поверх. Не понимаю почему к нему не применяются стили. Если ошибка в путях, то вот так расположены файлы:

C:\Users\alena\OneDrive\Рабочий стол\z\портфолио\video
  • Вопрос задан
  • 157 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Levott
Почему вы обращаетесь к секции как к классу?
Удалите точку вначале, либо дайте секции класс
У вас текст в диве, если я не ошибаюсь надо писать
.text h1{
Стили
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы