在mark项目找人代购的环节,点击找人代购按钮,鼠标hover上去时改变图片(及honver前后图片不一样),代码如下:
.buyAgency{float: left;width: 75px;height: 28px;display: block;overflow: hidden;background-position: 0 -137px; cursor: pointer; margin-bottom: 10px; margin-left: 593px; margin-top: 1px;}
.buyAgency:hover{background-position: -75px -137px;}
由于我把background-position: -75px 和 width: 75px;设置的值不一样出现了左右抖动,只要相同就好了,同样上下也是一样的。
.buyAgency{float: left;width: 75px;height: 28px;display: block;overflow: hidden;background-position: 0 -137px; cursor: pointer; margin-bottom: 10px; margin-left: 593px; margin-top: 1px;}
.buyAgency:hover{background-position: -75px -137px;}
由于我把background-position: -75px 和 width: 75px;设置的值不一样出现了左右抖动,只要相同就好了,同样上下也是一样的。