Как наложить изображение на фон в разделе Bootstrap Twitter

Matthew спросил: 27 августа 2018 в 03:16 в: html

У меня есть изображение, которое я бы хотел наложить поверх фонового градиента, который я установил в элементе section. Как градиент фона, так и изображение, которое я устанавливаю в CSS, и вызов через класс в HTML. Первоначально, когда просто использовал фоновый градиент, он работал нормально, но после добавления изображения для размещения над градиентом фона градиент фона исчез?

.banner-gradient {
    background: radial-gradient(circle, #ba000b, #9e0008);
    color: white;
    z-index: 0;
    }

    .banner-overlay {
    background: url("../imagery/image.png");
    max-width: 100%; 
    height: auto;
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: 1;
    }

    .section-align-center {
    text-align: center;
    }

 <section class="banner-gradient banner-overlay section-align-center">
        <div class="container">
            <p>image over background gradient</p>
        </div>
    </section>

0 ответов