实战题，鼠标拖拽效果教程-慕课网

来帮同学解答一个问题

资料下载不了

+30经验 +1积分

去回答

第1章案例效果展示及原理分析
视频：1-1 效果展示及原理分析(02:03)

实战题

学习完《遮罩及登录链接布局实现》，来检查一下吧！补全本节课程的所讲授的案例代码！本模块有三个任务等着你去完成哦！

任务

任务1：请在右侧代码编辑中第86行补充设置遮罩背景颜色为黑色的样式代码（颜色值为简写）

任务2：请在右侧代码编辑中第88行补充在非IE浏览器下设置遮罩透明度为0.4 的样式代码

任务3：请在右侧代码编辑中第133行补充遮罩防止鼠标选中事件的处理代码

温馨提示：完成的任务要与要求的代码效果相一致才算通过本次测试，否则就再看一遍视频哦！

?不会了怎么办: 任务1提示：背景设置

任务2提示：透明度设置，很简单哦！

任务3提示：onselectstart设置

index.html

1
<!DOCTYPE html
    >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
资料下载
代码

全部精华我要发布

卧槽真的有坑 .ui-mask中不是height:0px;而是left:0px;

最新回答 / WendyMarvell

真的很难发现

1 回答 941 浏览

2016-08-23

/*遮罩层的样式*/ .ui-mask{ width: 100%;height:100%; background:#000; position: absolute;top: 0px;height: 0px;z-index: 8000; opacity:0.4; filter: Alpha(opacity=40); }这块，height:0px; 所以遮罩的高度被重新定了。找问题的方法可以用 chrome 进行查看，然后审查元素，看下 mask div 块的样式。

1 回答 948 浏览

2016-08-23