uc导航http://www.uc123.com/的右侧的菜单当鼠标移动到购物和点击后会变成黄色

Question

uc导航http://www.uc123.com/的右侧的菜单当鼠标移动到购物和点击后会变成黄色，是用一张图片进行移动的，但是怎么实现呢？

Answer 1

.elevator-img-wrapper {

    width: 34px;

    height: 34px;

    margin: 0 auto;

    margin-top: 8px;

    overflow: hidden;/*超出部分会被隐藏，所以默认橙黄色部分是被隐藏的*/

}

.elevator-category:hover .elevator-img-wrapper img {

    margin-left: -34px;/*强行让图左移一块，露出橙色部分*/

}

理解了吧