здравствуйтe, не подскажите почему при наведение на ссылку не сменяется картинка в arr3 и наоборот при наведении на картинку, менять картинку(#arr3) и цвет текста
.imgBottom{
width: 141px;
height: 130px;
margin-top: 20px;
margin-left: 22px;
float: left;
color:#2987ac;
font-size: 12.3px;
background-color:gray;
}
.imgBottom a{
top:10px;
position: relative;
color:black;
font-size: 12.3px;
}
.imgBottom:first-child{
margin-left: 19px;
}
.imgBottom #arr ,#arr1,#arr2,#arr3,#arr4,#arr5,#arr6{
position:relative;
top:12px;
left:6px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color:#fff;
}
.imgBottom :hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
color:#2987ac;
}
.imgBottom #arr3
background:url(http://iconspot.ru/image.php?width=128&height=128&crop=none&id=13940);
}
.imgBottom:hover a {
color:#2987ac;
}
.imgBottom:hover #arr3 {
background:url(http://s1.iconbird.com/ico/0612/GooglePlusInterfaceIcons/w128h1281338911640arrowright2.png);
cursor:pointer;
}
<div class="imgBottom"><img src="https://static-s.aa-cdn.net/img/ios/990114226/e92aea60b7b085c70a9d17ed59b38eea?v=1" >
<a href="#">Строительство и логистика</a>
<img src="" id="arr3"/>
</div>
Сделайте так:
.imgBottom a:hover {
color:#2987ac;
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Имеется таблица, которая может содержать от двух до шести столбцовПри ширине в один-два столбца она выглядит нормально
Добрый деньНе могу понять, почему в IE11 блок
Как добавить кнопку в строке ввода чтобы это выглядело примерно так?