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

<div class="block">
<img src="images/why/01.png" alt="" />
<div class="text">Качество</div>
</div>

.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);
}

.block:hover .text{то же, что для .text:hover}

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