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

商城分类导航效果

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

已采纳回答 / 计院小浩
<div class='okc'><div class='leftdiv'>手机<br>电脑<br>通讯<br>笔记本</div><div class='rightdiv'>右侧推荐品牌<br>右侧推荐品牌<br>右侧推荐品牌</div></div>这段代码要放到li标签里面,你放在外面了

已采纳回答 / 冷月诗魂
<...图片...>这些是position的属性值,你要移动图片本身,使用top、right、bottom、left这些属性时,就要加上position这个属性,

已采纳回答 / 冷月诗魂
。。。浏览器兼容代码格式,就这样按着规定来写,你也可以不写这句,因为现在浏览器基本都支持box-shadow:0 0 8px #ddd;这种写法,但是无规矩不成方圆,建议还是写上各种前缀,因为一些用户他不更新浏览器,老的浏览器就不支持了。

已采纳回答 / 风飘叶摇
 1.li[i].i=i; 里面.i是我们人为给它设置的一个属性,这个属性你可以自己命名,li[i].abcd=i都可以,你可以理解为我们在li[i]中给它设置了一个变量,属于li[i]的变量,所以下边使用的时候,我们就得 this.abcd 这么写哈2.其实我个人试了一下,减不减一都行的,减一之后,二级菜单的高度始终都会比一级菜单高一个li的高度,如果不减一的话,二级菜单就会和当前的li一样高,看起来整体效果就被破坏了,所以我觉得这才是老师要减一的用意。

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

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

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

已采纳回答 / 十分正经的钱同学
含义不同:不多说。适用不同:ul li更适合用于一级菜单dl dt dd更适合用于二级菜单内容设置

已采纳回答 / yybyte
submenu是包涵在标题div中的 , 层级自然比标题div高

已采纳回答 / 慕粉4383214
i<Lis.lenght 单词拼错了 应该是i<Lis.length

已采纳回答 / 我就叫李二毛
你这没给了li中加 boxshadow啊。  你加上试试。这两个按道理来说是互不影响的。

已采纳回答 / 慕粉3914370
为了兼容老版本的 IE6 浏览器而引用的,

已采纳回答 / 点点星光fighting
我理解的是这两个没有关系,.lihover只是个类名,是给li标签添加的类名,使li标签里的样式变成设置的.lihover submenu里的样式,而li:hover是用css的方法设置li标签的悬停样式

已采纳回答 / 慕粉2018078477
getComputedStyle(div,false)['top'];      //其他div.currentStyle['top'];    //ie

已采纳回答 / coding_Boy
首先,margin是元素的外边距,你如果清楚了网页结构就应该清楚,dl dd是在.right的内部的,加了这行代码:margin: 3px 0,dd的上下边距就变成了3px,左右为0px。这个有点类似div居中,指定了宽度,设置了margin:auto 0,就可以设置水平居中,dd标签是块级元素,和div有相同的属性。
首页上一页1234567下一页尾页
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消