Hanatos
@Hanatos
Веб-Дизайнер

Как переместить рубрику на превьюшку новости?

Как переместить серый фон с названием рубрики поверх картинки превью топика ?

1. Либо сверху на изображении
2. Либо снизу на изображении

Сайт: GeekNinja.ru
44604ffab2534df7bd201f39c1d60f40.pngФото для примера
  • Вопрос задан
  • 162 просмотра
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Примерно так: jsfiddle.net/IonDen/p47Lkssj

.pic {
    position: relative;
    float: left;
    width: 250px;
    height: 150px;
    margin: 0 10px 10px 0;
    background-color: #ccc;
    background-position: 50% 50%;
    background-size: cover;
}

.pic-text {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
}
.pic-text.top {
    top: 0;
}
.pic-text.bottom {
    bottom: 0;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
DeadCowsDontMoo
@DeadCowsDontMoo
web
Мне лень писать код, но я себе это вижу как картинка в диве, в этом же диве еще один див, в нем кнопка (или сразу кнопка). У кнопки (или дива в котором кнопка) z-index выше... Готово =)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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