@act799

Как сделать текст поверх картинки?

Помогите отредактировать background-color в css.
Проблема в том, что редактирую top:50px; чтобы текст был ниже, по середине, но в месте с текстом опускается и background-color фон, как зафиксировать background-color чтобы он не опускался?

.example2 {
    display:inline-block;  
    position:relative;
 
}
.example2 span {
 display:inline-block;
 position:absolute;
 top:50px; 
 left:0px;
     
 /* Оформление текста */
 color:#FFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:50px;
 text-align: center;
     
 /* Фон */
 background-color:rgba(0,0,0,.2);
 padding:10px 30px;
 width:100%;
 height:100%;
}
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Например, флексами https://jsfiddle.net/ak94zpb0/
display: flex;
  align-items: center;
  justify-content: center;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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