首页
学习
活动
专区
圈层
工具
发布

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

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

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

    JAVA中Action层, Service层 ,model层 和 Dao层的功能区分

    集成SSH框架的系统从职责上分为四层:表示层、业务逻辑层、数据持久层和域模块层,以帮助开发人员在短期内搭建结构清晰、可复用性好、维护方便的Web应用程序。...modle层就是对应的数据库表的实体类(如User类)。...Service层,引用对应的Dao层数据库操作,在这里可以编写自己需要的代码(比如简单的判断),也可以再细分为Service接口和ServiceImpl实现类。...Action层:引用对应的Service层实现业务逻辑,在这里结合Struts的配置文件,跳转到指定的页面,当然也能接受页面传递的请求数据,也可以做些计算处理、前端输入合法性检验(前端可修改网页绕过前端合法性检验...,需在后台加一层)。

    73020

    网络七层的功能

    第三层—网络层:网络层将数据分成一定长度的分组,并在分组头中标识源和目的节点的逻辑地址,这些地址就象街区、门牌号一样,成为每个节点的标识;网络层的核心功能便是根据这些地址来获得从源到目的的路径,当有多条路径存在的情况下...它的功能主要包括:流控、多路技术、虚电路管理和纠错及恢复等。...第六层—表示层:定义了一系列代码和代码转换功能以保证源端数据在目的端同样能被识别,比如大家所熟悉的文本数据的ASCII码,表示图象的GIF或表示动画的MPEG等。     ...,这些程序常常将各层的功能综合在一起,在用户面前形成一个整体。...大家所熟悉的网上应用WWW、FTP、TELNET等,都是这多层功能的综合。

    1K10

    HTML中实现右键菜单功能

    HTML中实现右键菜单功能 我们使用的应用系统很多都有右键菜单功能。但是在网页上面,点击右键一般显示的却是IE默认的右键菜单,那么我们如何实现自己的右键菜单呢?...下面将讲解右键菜单功能的实现原理和实现代码。...实现原理 在HTML语言中,基本上每个对象都有一个oncontextmenu事件,这个事件就是鼠标的右键单击事件(onclick事件是鼠标的左键单击事件),那么我们就可以在鼠标右击的时候,让系统弹出一个窗口...下面的代码内容: contextmenuDemo.html文件 ――――――――――――――――――――――――――――――――― <%-- /** *实现右键菜单功能 */ --%> html>...-- 右键菜单结束--> html> /** *根据传入的id显示右键菜单 */ function showMenu(id) { menuForm.id.value

    6.2K30

    腾讯云:神象云账本独立部署备份与还原功能指引

    备份与还原功能简介 独立部署上线以来,不断有用户咨询对存储数据的查询确认、备份及还原功能。 神象云独立部署1.4版本已经支持了此项功能,此功能可帮助您实现: 1....如何启用备份与还原功能 1. 停止原有独立部署容器; 2. 按照对应设备类型的最新教程,重新启动一个镜像版本为1.4的独立部署容器,其他配置和现有独立部署容器相同。...主要变化是,启动容器时需要暴露备份与还原功能使用的端口(如8080),可参照具体服务器部署指引 - 网络/端口设置。 3....访问独立部署页面,对应容器机器IP:8080,如下示例: NAS服务器: NAS IP:8080 云服务器: 对应服务器公网ip:8080 Windows/Linux: 机器IP:8080 备份与还原详细功能介绍...以上就是独立部署备份与还原功能的详细指引啦!

    2.7K100

    HTML5中的拖放功能

    image 知识点 拖拽的体验,你享受过吗,在HTML5之前,可以使用事件mousedown,mousemove,mouseup巧妙实现页面的拖放操作,但注意拖放的操作范围只是局限在浏览器内部。...而HTML5的拖放API功能直接实现拖放操作,而且拖放的范围已经超出浏览器的边界,HTML5提供的文件api支持拖拽多个文件并上传。...要学会掌握html5中的拖放api和 文件api,光标拖放事件,从web网页上访问本地文件系统。...拖放api 在html5中的拖放api重点: 第一,为页面元素提供了拖放特性; 第二,为光标增加了拖放事件; 第三,提供了用于存储拖放数据的DataTransfer对象 draggable特性 draggable...把添加监听事件的处理函数DragOver()追加到window.onload事件中,对于目标元素preventDefault(),必须取消浏览器的默认处理,否则将无法实现拖放功能。

    4.1K10

    10个HTML 5.1的新功能

    注意:目前并非所有浏览器都支持所有这些功能,所以在使用它们之前,请不要忘记检查浏览器是否支持。 1.为响应设计定义多个图像资源 ?...3.将功能添加到浏览器的上下文菜单 ? 使用元素及其type =“context”属性,可以将自定义功能添加到浏览器的上下文菜单中。...注意:浏览器对这个功能的支持还不是很好。 Chrome 54并不支持,而Firefox 50仅允许一个额外的上下文菜单。 4.嵌入页眉和页脚 ?...在HTML 5.1中,如果每个级别都包含在分段内容里,则允许嵌套页眉和页脚。 如果要向语义分段元素(例如和)添加精细的标题话,这个功能会非常有用。...HTML 5.1允许开发人员创建width属性值为0的 零宽度图像 。 如果你想要包含不想向用户显示的图像(例如跟踪图像文件)则此功能很有用。建议将零宽度图像与空alt属性一起使用。

    2.8K20

    前端零基础入门:页面结构层HTML

    HTML页面结构层HTML 分以下方面学习: HTML基础, HTML表格, HTML表单, 搭建网页结构 html基础 学习前端的第一门课程,为HTML基础,HTML标记语言,它是网页制作的第一步...html发展史 1993(IETF)HTML1.0 1995(W3C)HTML2.0 1996(W3C)HTML4.0 1997(W3C)HTML4.0.1 2000(W3C)XHTML1.0...2004年(WHATWG)HTML5草案 2008年(合并)HTML5正式版 2014年HTML5定稿 html特点 HTML不需要编译,直接由浏览器执行 HTML文件是一个文本文件 HTML...文件必须使用HTML或htm为文件名后缀 HTML大小写不敏感,HTML与html一样 HTML是一个文本文件 ?...file HTML基础语法 学习内容 HTML基本结构 HTML标签 HTML元素 HTML属性 注解 注解:div标签为块级结构布局元素,因此将在css中结合盒模型进行讲解。

    2K10

    思考: 神经网络层 的 功能识别

    在训练过程中,各网络层 总数不变,但在梯度下降的 引导 下,不断 分化 成各种 功能层 。各功能层 协作 ,使得模型成熟而强大。...通俗点讲,既然他们能 分化 成各种 功能层 ,意味着他们一定会长得越来越像 该功能 所对应的 filter集合 。...举例 例如,如果该功能层80%的功能是实现边缘提取,那么它的卷积核一定 长得像 加长版的边缘滤波器。...通过总结出 各类 功能层 对应的 “卷积核 大众脸”(即该类型卷积核的参数惯常分布),即可找出规律。 用途 可用于对 训练好的 神经网络层 进行 功能识别 。...网络层 功能识别 具体步骤 首先,总结出常用的几类功能滤波器(例如颜色特征抽取、边缘特征抽取、纹理特征抽取、肢干特征抽取、整体特征抽取)。 其次,对要进行识别的网络层,输入该层训练好的卷积核。

    67250

    HTML打包APK实现页面打印功能

    在网页中,一行window.print()就能调起浏览器的打印功能。在HTML一键打包APK工具生成的APP中,这行代码同样有效:工具会拦截window.print()调用,并转交给安卓系统打印服务。...创建打印页面在HTML项目入口目录中创建index.html,写入以下代码。页面展示一张简单的单据,点击"打印"按钮后调用window.print()触发打印。...408.00元打印html...>代码说明:点击"打印"按钮执行window.print(),这是整个打印功能的核心,不需要引入任何第三方库。...打包APK打开HTML一键打包APK工具,选择包含index.html的项目目录,填写应用名称、包名等打包信息。打印功能依赖安卓系统打印服务,无需额外勾选权限,按默认配置打包即可。

    18710
    领券