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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
既然说到这儿了,就分享一个前端实用工具,PicPick
任务一:background:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
background-color:#f8f8f8;
background-repeat:no-repeat;
background-position:right;
background-origin:center;
任务二:background:none;
原来慕课也有装B大佬。。
谁说的我一直在看
1.5倍速。。。。
我觉得老师在设置右侧整体悬浮层为绝对定位时,应该在.submenu中设置相对定位的,不然右侧整体悬浮层是根据body定位的,当对.submenu进行偏移设置时,右侧整体悬浮层不会随着.submenu位置变化而变化
relative是相对自己定位。因此设置right:-35px;bottom:-20px;就向自己的右下移动

position是相对于设置了relative的父元素定位,或者祖先元素
background:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg) no-repeat right;


background:none;
border:1px solid #DDD;
border-shadow:0 0 8px 8px ;/*box-shadow:【偏移方式】 X轴偏移量 (必选) Y轴偏移量(必选) 【阴影模糊半径(必选为正值)】 【阴影扩展半径(可正可负)】 【颜色】*/
-wor-border-shadow:0 0 8px 8px;
-wik-border-shadow:0 0 8px 8px;
background-image:none;

最新回答 / 清风流光
 目前来看 不加也可以啊 没影响的 每次循环事件函数都会单独保存 
喜欢男老师,比女老师讲得好多了,每个细节都讲的很到位,笔芯❤
跟着老师一步一步的做出来的感觉很棒
背景图片地址:http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消