首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

点击遮罩层的背景关闭遮罩层(HTML

在模仿华为官方网页的练习当中我发现华为官网中有一个遮罩层是随便点击遮罩层的背景也能关闭掉遮罩层,但唯独点击内容区域不会关闭掉遮罩层。...于是我开始模仿这个写案例,连内容也一模一样(因为这个练习就是要写出和华为关一样的效果或则比它更好的效果),一开始我是这样子写的(图1) 图1 class=Select_Region_bj 我给了一个灰色半透明的背景样式...,后来在Javascript中写onclick事件无论这么写,点击内容区也是会关闭掉遮罩层。...我百思不得其解到底怎么样写才能点击内容区不会关闭遮罩层,后来下课期间我看见我同学他写的带能点击内容区不会关闭遮罩层。我问他你是这么写的,他告诉我:“把他们分离就可以的了。”我思考了一会,脑补:分离?...补着补着补着就补出了背景和内容区分离。分离写(图2) 图2 把背景层和内容区分开来写,不要在背景层中包裹内容,这样子点击内容区就不会关闭掉遮罩层了!

2.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML背景的设置

    , 17 2月 2021 作者 847954981@qq.com 前端学习, 我的编程之路 HTML背景的设置 在之前的HTML学习中我们知道了,对于背景颜色,我们可以使用 background-color...当然这种只是最基础的颜色渐变,更为复杂的颜色渐变请参考 |MDN的CSS渐变指南| 背景图片 在设置背景的时候,我们不可不免也需要使用图片作为背景。...当图片大小不足以囊括整个页面时,HTML默认多次复制图片来填充页面,但如果使用 background-repeat: no-repeat;则不会存在重复图片。...如果只写一个值,另一个值将是50% background-size 背景图片大小 值 说明 cover 把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。...背景图像的某些部分也许无法显示在背景定位区域中。

    5.4K20

    怎么用photoshop改变图片背景天空

    有时候我们需要处理图片或者需要制作漂亮的视频封面,这里介绍一种使用photoshop来处理背景天空的技巧。 先看处理效果。...12.png 7.隐藏组1,选中背景图层,在通道面板中,用ctrl+单击选中红色通道。 13.png 8.显示图层组1,并选中图层组1,为图层组1添加图层蒙版。...17.png 18.png 11.创建新的图层,点击 右下角的【创建新的填充或调整图层】按钮,选择曲线设置。 19.png 12....创建新的图层,点击 右下角的【创建新的填充或调整图层】按钮,选择颜色查找,选择FallColors.look. 20.png 12....创建新的图层,点击 右下角的【创建新的填充或调整图层】按钮,选择亮度/对比度,更改对比度,直接调整为最大值。 21.png 13.经过这么多步骤后,我们查看一下最终效果。

    2.8K72
    领券