如何获得第二个图像不移动时悬停第一个图像,反之亦然?目前,非悬停式图像正在改变其位置。停止css过渡来移动其他元素的悬停
<img class="first-hover" src="http://img4.wikia.nocookie.net/__cb20121125171115/bradlykart/images/0/09/100px-ToadtheShroom.png"/>
<img class="second-hover" src="http://img4.wikia.nocookie.net/__cb20121125171115/bradlykart/images/0/09/100px-ToadtheShroom.png"/>
img.first-hover {
height:80px;
-webkit-transition: all 1s ease-in-out; ;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
img.second-hover {
height:80px;
-webkit-transition: all 1s ease-in-out; ;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
img.first-hover:hover {
height:100px;
-webkit-transition: all 1s ease-in-out; ;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
img.second-hover:hover {
height:100px;
-webkit-transition: all 1s ease-in-out; ;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
你必须给它一个绝对位置,这样的事情:http://jsfiddle.net/Lswbf7ou/1/ – Nick 2014-10-22 09:20:37