li:hover的小知识

  

   

   

   

   

   

   

   

相关资料:

说到xx:hover有人用的解决办法可能第一反应就是去网上找相关的JS来代替hover,其实有个超级简单的方法,就是在LI标记里加一个A标记,然后定义这个A标记为display:block即可,然后就可以把这个A标记宽高设置和LI一样,这样就很兼容IE6了,演示代码如下:


当然了,还有其他别的方法,连代码都不用写,只需引用一个文件就行:csshover.htc(下载地址:http://www.xs4all.nl/~peterned/htc/csshover3.htc ,如果失效,自行百度)
下载好后,只需在代码的中间添加下面这段代码,然后就放心大胆的去使用hover吧(也支持focus):

总结就是三种方法:;

1、导插件

2、li设置高度同时保证撑开

3、li内部元素撑开li



以上为测试,如有错误,请各位指正

你可能感兴趣的:(代码debug)