@Abdus

Как разместить текст поверх фона по центру?

Есть картинка, она же фон, по верх нее идет текст по центру. Как здесь:
gbobbd.com/shiroi-demo/custom-excerpt-of-post-inst...

Как сделать так же?
Вот что у меня вышло, но у меня есть 2 проблемы:
1.текст заголовка всегда наверху фона
2.Под фоном пишется тоже текст (время поста и сам тескс поста, т.е.. Как этого избежать?

.content {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* Семейство шрифтов */
    font-size: 14pt; /* Размер основного шрифта в пунктах  */
    background-color: #ffffff; /* Цвет фона веб-страницы */
    color: #696969; /* Цвет основного текста */
    text-align: center; /* расположение текста */
}


.article {
    background-image:  url("../img/man_cat.jpg");
    background-position: center center;
    background-size: cover;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 700px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;

}


<div class= "article">
            Заголовок
        </div>
    <p>Время поста</p>

    <div class="content" >
        <p>Сам пост блога</p>
    </div>
  • Вопрос задан
  • 2969 просмотров
Решения вопроса 1
paradokso
@paradokso
Начинающий фронт-эндер
Если бы вы программировали на перфокартах, то с таким запросом вы бы сожгли ЭВМ.

Уточте что именно вы хотите сделать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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