如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose
来源:动视网
责编:小采
时间:2020-11-27 16:37:46
如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose
如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose:CSS + ul li 横向排列的两种方法 *{margin:0; border:0; padding:0; font-size:13pt;}.leftfloat ul{list-style:none;}.leftfloat li{display:block;float:left;border:2px solid #FF0000;backgroun
导读如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose:CSS + ul li 横向排列的两种方法 *{margin:0; border:0; padding:0; font-size:13pt;}.leftfloat ul{list-style:none;}.leftfloat li{display:block;float:left;border:2px solid #FF0000;backgroun

CSS + ul li 横向排列的两种方法
aaaaaa472 bbbbbbbbbbbbbbbbbbbbbbbbbb4700 ccccccccccccc400 dddddddddddddddddd42 如何让鼠标悬停在li上就可以点击里面的a链接,而不一定必须点击a链接呢?难点是:如果把a的css样式设置一下display:block 就不能和span保持一行了!!
回复讨论(解决方案)
js 去控制。。。
鼠标悬停在li上 再将a标签append到li里面。
可以实现,但两个缺点:
页面不能新窗口打开,由于触发灵敏,造成高的误操作,从而降低体验。
aaaaaa472 bbbbbbbbbbbbbbbbbbbbbbbbbb4700 ccccccccccccc400 dddddddddddddddddd42
aaaaaa472 bbbbbbbbbbbbbbbbbbbbbbbbbb4700 ccccccccccccc400 dddddddddddddddddd42 把span标签放到a标签里面就OK了
如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose
如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose:CSS + ul li 横向排列的两种方法 *{margin:0; border:0; padding:0; font-size:13pt;}.leftfloat ul{list-style:none;}.leftfloat li{display:block;float:left;border:2px solid #FF0000;backgroun