收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2719|回复: 3

[CSS] 如何让鼠标悬停在li上就可以点击里面的a链接

[复制链接]
发表于 2016-2-24 21:17:18 | 显示全部楼层 |阅读模式
本帖最后由 iou33449999 于 2016-2-25 01:26 编辑

 提示:您可以先修改部分代码再运行




如何让鼠标悬停在li上就可以点击里面的a链接,而不一定必须点击a链接呢?

难点是:如果把a的css样式设置一下display:block 就不能和span保持一行了!!
发表于 2016-2-25 09:45:51 | 显示全部楼层

 提示:您可以先修改部分代码再运行


把span标签放在a的内部
回复 支持 1 反对 0

使用道具 举报

发表于 2016-2-25 09:49:11 | 显示全部楼层
给a标签再加上display:block; 这样点击区域会更大一些
回复 支持 反对

使用道具 举报

发表于 2016-2-26 17:24:18 | 显示全部楼层
把撑开容器的事儿放到a标签上,别放在li上。圆角啥的我就不写了

 提示:您可以先修改部分代码再运行

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-25 21:18 , Processed in 0.109098 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表