вопрос
подскажите что переделать в коде чтобы нижнее затемнение появлялось только при наведении курсора на фотку
.example3 {
display:inline-block;
position:relative;
}
.example3 .example_text{
display:block;
position:absolute;
left:0;
bottom:0;
height:25px;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color:#fff;
padding:5px;
background-color:rgba(0,0,0,.3);
}
<div class="example3">
<a href="ссылка" ><img src="ссылка"></a>
<div class="example_text">
<a href="ссылка">текст</a>
</div>
</div>
.example3 {
display:inline-block;
position:relative;
}
.example3 .example_text{
display:block;
position:absolute;
left:0;
bottom:0;
height:25px;
width:100%;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color:#fff;
padding:5px;
}
.example3 .example_text:hover {
background-color:rgba(0,0,0,.3);
}