Сообщение # 1 | 20:59:52
Приветствую, друзья!

Столкнулся с небольшой проблемой. У меня есть информер, который отображает фото материалы (просто фото с ссылкой).
При наведении, снизу вылетает плашка с названием материала.

Так вот, как сделать, чтобы плашка была сразу? Без наведения?

Использую следующие стили для сего процесса:

Код
.photo {display: inline-block; /* Строчно-блочный элемент */ position: relative; /* Относительное позиционирование */   
}
.photo:hover::after {
content: attr(data-title); /* Выводим текст */
position: absolute; /* Абсолютное позиционирование */
left: 0; right: 0; bottom: 0px; /* Положение подсказки */
z-index: 1; /* Отображаем подсказку поверх других элементов */
background: #76b308; /* Полупрозрачный цвет фона */
color: #fff; /* Цвет текста */
text-align: center; /* Выравнивание текста по центру */
font-family: Arial, sans-serif; /* Гарнитура шрифта */
font-size: 14px; /* Размер текста подсказки */
padding: 5px 10px; /* Поля */
border: 1px solid #76b308; /* Параметры рамки */
}

Сообщение отредактировал CenatioN - Пятница, 30 Янв 2015, 21:00:33