不理解遮罩

不理解遮罩

遮罩到底是什么,会产生什么样的一种效果,感觉一到定位之后,很多讲解的东西都不是连贯的,莫名的出来很多没见过的东西,就比如nth-child()和这个所谓的遮罩,并没有去解释这是什么,直接就拿来用了,就算是nth-child()也都是我自己去猜的意思,资料里给的东西都看不懂,感觉突然之间有一些东西是一带而过的,得要倒退挺好几遍才勉强知道是什么意思,学的有点难受

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,主要通过定位去实现,如下示例:

http://img1.sycdn.imooc.com//climg/5e03282a092ce93504820476.jpg

效果:

http://img1.sycdn.imooc.com//climg/5e03268c094f5bb301290129.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

好帮手慕码 2019-12-25 16:18:52

同学你好,遮罩层如下,除了红色框之外的黑色内容:

http://img1.sycdn.imooc.com//climg/5e03176d090f3f0b15610793.jpg

作用是:避免点击其他不应该点击的内容。如上图中,不希望用户点击到红色框外的地方,发生跳转方法等操作,因此需要做一个遮罩层。

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

用法示例:

http://img1.sycdn.imooc.com//climg/5e03181d09dd5dd503670345.jpg

效果:

http://img1.sycdn.imooc.com//climg/5e031b8809473af902160229.jpg

另,非常理解同学现在的感受,不过不要着急。因为css这块内容确实比较抽象,和我们平时学的语文数学是不同的,靠文字理解的话会很困难。建议同学跟着视频里的例子去练习一下,通过手动实践会更加好理解哦~

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕的地1212123 #1
    那那个遮罩层是怎么形成的或者用什么来实现的呢
    2019-12-25 16:20:33
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师