为了账号安全,请及时绑定邮箱和手机立即绑定

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰

最新回答 / qq_轮滑到老_04284587
上面代码没有错误,你的代码不全,我猜你可能把submenu这个div写在其他  li 标签里面了

最赞回答 / 连云寨大当家
如果你是说字体向下塌陷的话,那是因为鼠标移上去多了个边框,他居中就会动,除非不加边框,现在的淘宝,京东都没加边框,所以不动。你可以取消边框,但高度设为30px。

最赞回答 / 艾零
display:block; 将a标签转变为块级元素,具有块级元素特点。会独自一行,使用float:left;不是为了和dt二级标签在一条水平线上,而是为了使所有的dd中的a标签自动左对齐排列。   margin:4px 0; 属性才使dd与dt水平对齐。

最赞回答 / Fishzz
你把三角图片写在了<a>标签了.应该写在li标签

最新回答 / riyyao
dd设置了display:block,

最新回答 / Dva_Come_to_web
无语,我找了半天终于找到问题了,你那个注释的//是错误的,把注释删掉再调整css就好了。

最新回答 / 慕无忌0377367
你方法写错了 是getElementsByTagName  你多写了一个e

已采纳回答 / 林逸舟丶
z-index决定了浮动元素的上下位置,高者显示在低者之上。绝对定位的top和left都是相对于有着“position: relative”的祖辈元素,注意,是祖辈,不一定是父辈,可以是爷爷辈,哈哈。就是往祖辈元素推移,谁有relative属性,绝对定位就相对于它来进行top和left的偏移。

已采纳回答 / qq_孤城少年_0
:hover在主流网站中还在用,而且不仅局限于在a标签,但是在IE6下只有a适用:hover。(解决办法可以下载一个hover补丁)另外,一般情况下,开发时,还是用js来实现,因为:hover容易产生一些兼容性问题

已采纳回答 / 慕慕7001478
我试了一下,是因为你浏览器显示的百分比不是正好100%,而是放大了,可能是140%。

最新回答 / 慕莱坞1127211
老铁,这个问题我也很疑惑,你解决了没有?求答案

已采纳回答 / 十分正经的钱同学
含义不同:不多说。适用不同:ul li更适合用于一级菜单dl dt dd更适合用于二级菜单内容设置
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消