|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Действие при наведении |
Действие при наведении |
Приветствую, друзья!
Столкнулся с небольшой проблемой. У меня есть информер, который отображает фото материалы (просто фото с ссылкой). При наведении, снизу вылетает плашка с названием материала. Так вот, как сделать, чтобы плашка была сразу? Без наведения? Использую следующие стили для сего процесса: Код .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
|
| |||
| |||