鼠标悬停时,改变li的背景图片

2020-06-15 科技 95阅读
这个想法,在ie6下是不可能实现的,除非再加另外一些东西
不考虑ie6的情况:
#about_left li{
background-image:url(../pic/1.jpg);
}
#about_left li:hover{
background-image:url(../pic/2.jpg);
}
考虑ie6的情况,因为ie6并不支持li的hover行为,所以必须用一个a标签,


  • 条目1<&>
  • 条目2<&>
  • 条目3<&>
    <&>
    css加上
    #about_left li a{
    _background-image:url(../pic/1.jpg);
    }
    #about_left li a:hover{
    _background-image:url(../pic/2.jpg);
    }
    应该可以了吧
  • 声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com