当前位置：Gxlcms > html代码 > 如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose

如何让鼠标悬停在li上就可以点击里面的a链接_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：11人阅读

CSS + ul li 横向排列的两种方法       aaaaaa472
    bbbbbbbbbbbbbbbbbbbbbbbbbb4700
    ccccccccccccc400
    dddddddddddddddddd42

如何让鼠标悬停在li上就可以点击里面的a链接，而不一定必须点击a链接呢？难点是：如果把a的css样式设置一下display:block 就不能和span保持一行了！！

回复讨论(解决方案)

js 去控制。。。。。
鼠标悬停在li上再将a标签append到li里面。

可以实现，但两个缺点：
页面不能新窗口打开，由于触发灵敏，造成高的误操作，从而降低体验。

            aaaaaa472
        bbbbbbbbbbbbbbbbbbbbbbbbbb4700
        ccccccccccccc400
        dddddddddddddddddd42

把span标签放到a标签里面就OK了