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

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 446 Просмотров
*

kik84

  • Живу я здесь
  • ******
  • 1267
  • 59
Не могу понять, как реализовать через стили.
В 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?

*

ELLE

  • Support Team
  • *****
  • 4582
  • 867
Re: Вроде бы простой вопрос по CSS
« Ответ #1 : 02.08.2015, 01:01:11 »
Код: css
.block:hover .text{то же, что для .text:hover}

*

fbr

  • Живу я здесь
  • ******
  • 1274
  • 140
Re: Вроде бы простой вопрос по CSS
« Ответ #2 : 02.08.2015, 01:04:06 »
Код: css
.block:hover .text {
  background: rgba(255, 255, 255, 0.9);
}

нет?

опоздал ))

*

kik84

  • Живу я здесь
  • ******
  • 1267
  • 59
Re: Вроде бы простой вопрос по CSS
« Ответ #3 : 02.08.2015, 12:11:27 »
СПС, а то не мог нагуглить сам)