1

здравствуйт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>

2
  • #arr3у вас img т.е изображение обычная картинка , в общем фотка и как вы изображению хотите придать background т.е фон ? .imgBottom:hover #arr3 это = <img src="" id="arr3"/> вот это
    – user33274
    1 авг 2016 в 15:01
  • вы может так хотели ? codepen.io/Geyan/pen/XKPWjE?editors=110
    – user33274
    1 авг 2016 в 15:13

1 ответ 1

-2

Сделайте так:

    .imgBottom a:hover {
    color:#2987ac;
}
2
  • это не работает хотя бы потому, что внутрь img нельзя положить a
    – Grundy
    1 авг 2016 в 9:05
  • Пожалуйста, постарайтесь писать более развернутые ответы. Уверен, автор вопроса был бы благодарен за ваш экспертный комментарий к приведенному выше коду. 2 авг 2016 в 6:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.