css 背景图片如何不用jq进行切换

Question

现在是鼠标必须要放到小图标上 才能进行图片切换，用户体验太差，如何在鼠标放到li的时候就能切换

   .showImage{
        overflow:hidden;
        margin: 0 auto ;
        background-image: url(../img/nav_bg.png) ;
        background-repeat:no-repeat;
        width: 22px;
        height: 22px;
    }
    li:hover{
        overflow:hidden;
        margin: 0 auto ;
        background-image: url(../img/nav_bg.png) ;
        background-repeat:no-repeat;
        width: 22px;
        height: 22px;
    }
/*    .showImage:hover{
        background-image: url(../img/nav_bg.png);
    }*/
    .item0{
      background-position: -235px -17px ;
    }
    .item0:hover{

      background-position: -235px -55px ;
    }
    .item1{
      background-position: -19px -17px ;
    }
    .item1:hover{
      background-position: -19px -55px ;
    }
    .item2{
      background-position: -63px -17px ;
    }
    .item2:hover{
      background-position: -63px -55px ;
    }
    .item3{
      background-position: -108px -17px ;
    }
    .item3:hover{
      background-position: -108px -55px ;
    }
    .item4{
      background-position: -152px -17px ;
    }
    .item4:hover{
      background-position: -152px -55px ;
    }
    .item5{
      background-position: -197px -17px ;
    }
    .item5:hover{
      background-position: -197px -55px ;
    }

Answer 1

li:hover .showImage{
            ...
        }

Answer 2

 li:hover .item2{
  background-position: -63px -55px ;
}

Answer 3

给li绑定事件试过没有呢

Answer 4

很简单，把li调的没有padding，把a的高度，宽度调到100%，占满整个li就达到你的效果了。类似：

#cssmenu li { padding: 0px; }
#cssmenu li a { margin: 0px; display: block; width: 100%; height: 100%; }

Answer 5

从你的描述可以看到，你的切换逻辑应该是注册在了li下面的i这个元素上，你给这个切换的逻辑注册在li上就好了，然后鼠标悬浮到li上在控制li下面的元素显示，其他li对应的元素隐藏；

我的答案被

oooO ↘┏━┓ ↙ Oooo
( 踩)→┃你┃ ←(死 )
( →┃√┃ ← ) /
　 _)↗┗━┛ ↖(_/

了下，心里很不是滋味，也许这种问题我不应该来答，因为就像这里的描述一样：
https://segmentfault.com/a/11...
我没能get到提问者是通过css还是事件实现这个切换的逻辑，但是我的答案描述更像是一个伪代码，因为没有看到题主的关键代码，所以写出了上面的答案，题主如果认真思考，有一定理解力，那么肯定能够理解将一个行为注册到元素li上，既可以通过事件，也可以通过css的伪类来做，所以踩我的人不知道是觉得我说的不对或者怎么的，也没有附上被踩原因，就让人不知道如何改进。