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

html教程评论2.1K views阅读模式
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了

企鹅博客
  • 本文由 发表于 2019年7月22日 03:37:28
  • 转载请务必保留本文链接:https://www.qieseo.com/359116.html

发表评论