开发工具和关键技术： Adobe Dreamweaver CC
作者：黄鹂
写作时间： 2019.1.16
在模仿华为官网的练习中，我发现华为官网上有一个屏蔽层。 您可以随意单击遮罩层的背景来关闭遮罩层，但单击内容区域并不能关闭遮罩层。 于是我模仿这个开始写案例。 连内容都一模一样。 因为，这个练习是写和华为一样的效果或者更好的效果。 (最初是这样写的(图1 )。
图1
给出了class=Select_Region_bj灰色的半透明背景样式。 此后，无论您如何在Javascript中写入onclick事件，单击内容区域都会关闭遮罩层。 我不知道怎么写，即使点击内容区，遮罩层也不会关闭。 之后，下课的时候，我看了同学他写的乐队，点击了内容区，屏蔽层也合不上。 我问你是这么写的，他告诉我“把他们分开就行了”。 我思考了一会儿。 脑补：分离？ 怎么分离？ 补全补全的话就能区分背景和内容。 隔离写入(图2 )
图2
将背景图层和内容分开书写，不要在背景图层中包含内容。 这样，单击内容区域不会关闭蒙版图层。