Форум русской поддержки Joomla!® CMS
03.12.2016, 23:52:15 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Вроде бы простой вопрос по CSS

 (Прочитано 329 раз)
0 Пользователей и 1 Гость смотрят эту тему.
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« : 01.08.2015, 23:55:41 »

Не могу понять, как реализовать через стили.
В HTML так:
Код:
<div class="block">
<img src="images/why/01.png" alt="" />
<div class="text">Качество</div>
</div>
В CSS так:
Код:
.block {
float: left;
margin: 0 1% 5%;
position: relative;
opacity: 0.9;
}
.block:hover {
opacity: 1;
}
.block .text {
position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0;
    text-transform: uppercase;
    font-size: 150%;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
}
.block .text:hover {
background: rgba(255, 255, 255, 0.9);
}

Подскажите, как сделать, чтобы при наведении не только на .text, но и на любой участок .block, первый тоже приобретал свойство :hover?


* joxi_screenshot_1438458524350.jpg (73.22 Кб, 334x325 - просмотрено 59 раз.)
Записан
ELLE
Support Team
*****

Репутация: +862/-0
Offline Offline

Пол: Женский
Сообщений: 4723



« Ответ #1 : 02.08.2015, 00:01:11 »

Код
.block:hover .text{то же, что для .text:hover}
Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Online Online

Сообщений: 1250


« Ответ #2 : 02.08.2015, 00:04:06 »

Код
.block:hover .text {
 background: rgba(255, 255, 255, 0.9);
}

нет?

опоздал ))
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #3 : 02.08.2015, 11:11:27 »

СПС, а то не мог нагуглить сам)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet