页面用了一个弹出框。
通过设置div（父元素）的visibility属性来控制隐藏显示。
当父元素隐藏起来，点击页面的空白处，仍然能触发内部子元素的点击事件！
求大佬指点，在线等，急！
html父元素设置为visibility:hiddec，其子元素一并隐藏，但仍然能触发子元素点击事件！
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2022-07-21 15:46千锋HTML5大前端的博客 父元素visibility：hidden；子元素设置visibility：visible，子元素显示吗
- 2021-06-12 05:25字音的博客 css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法。css隐藏元素的方式：1、display:none;.box{display: none;}最简单也最粗暴的方法就是设置元素的display属性为none。设置为display:none;的元素...
- 2021-08-03 18:25zjh游 崽的博客 css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法。css隐藏元素的方式：1、display:none;.box{display: none;}最简单也最粗暴的方法就是设置元素的display属性为none。设置为display:none;的元素...
- 2023-04-21 09:37某只杂鱼的博客 使用CSS屏蔽父元素的鼠标事件，但响应子元素的鼠标事件
- 2020-12-27 11:34毛心宇的博客 本文将介绍元素显示隐藏的9种思路display对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前并不都是block，还有可能是inline、inline-block等注意：...
- 2023-03-23 21:29前端~初学者的博客 元素隐藏
- 2020-12-21 23:24weixin_39782752的博客 内容区width 盒子内容区宽度height 盒子内容区高度background-color 背景颜色盒子可见大小由内容区，内边距和边框共同决定为元素设置边框，必须指定3个样式(宽度，颜色，样式)border-width 宽度可以同时指定四个边框...
- 2021-06-13 08:49weixin_39538847的博客 正文说起隐藏元素我想每一个前端er都能说起几种，但能说全的我想就不是很多了。博主总结了几种隐藏元素的方法，总结如下：overflow:hiddenopacity:0；visibility:hiddendisplay:noneposition:absoluteclip(clip-path...
- 2024-07-30 14:09韩曙亮的博客 8、子绝父相 - 子元素绝对定位 父元素相对定位 9、固定定位概念语法 10、绝对定位元素设置 水平 / 垂直 居中 1、设置固定尺寸 2、先偏移50%再回退固定值 11、多个盒子堆叠次序问题 12、z-index 属性值简介 13、...
- 2021-01-29 11:15陈梵阿的博客 子元素设置浮动后，如果父元素没有给定高度，则会引起父元素的高度为0。 <div class="father"> <div class="son1"></div> <div class="son2"></div> </div> /* 子元素...
- 2024-06-05 00:48程序员洲洲的博客 【前端】display:none和visibility:hidden两者的区别
- weixin_39517054的博客 前言相信很多项目中都会有这样一个小需求(PC端，移动端则是点击)，鼠标移上某个菜单或者某个位置，显示一个弹出框，移开则隐藏弹出框，就是css中hover效果，这种通常做法是每个子菜单下都有一个弹框，父元素相对定位...
- 2021-06-11 15:19北欧留学教父的博客 10 个答案:答案 0 :(得分：13)您可以将不透明度设置为0.以下是示例示例：var tempImageThumb = $('#tempImageThumbnail');tempImageThumb.append("some text");html2canvas([tempImageThumb.get(0)], {onrendered : ...
- 2021-04-06 11:53Chx.zhang的博客 我们有几种方式可以隐藏一个元素： CSS position绝对定位，使元素位于可视范围外 type="hidden"的表单元素。 宽度和高度都显式设置为0。 CSS display的值是none。 CSS visibility的值是hidden CSS opacity的值是0 ...
- 2022-04-18 18:08仙魁XAN的博客 Web 之 html 如何显示隐藏Html元素的两种方法简单整理 目录 Web 之 html 如何显示隐藏Html元素的两种方法简单整理 一、简单介绍 二、实现原理 三、注意事项 四、代码示例 一、简单介绍 Web 开发的一些...
- 2021-06-11 16:37weixin_39831705的博客 本文旨在加深对css隐藏元素方法的理解，资料均来源于网络，文章结尾附有参考链接。一、CSS中隐藏元素的常用方法有以下几种：1. {display: none; //不占据空间，无法点击}2. {visibility: hidden; //占据空间，无法...
- 2022-11-18 17:27黄丫丫07的博客 html元素的显示与隐藏（display、visibility、overflow）
- 2018-07-26 23:32大哈子的博客 CSS代码： .visibilityHidden { ...第一行引用在父元素上, 第二行引用在子元素上 HTML代码： <p> <a href="#" class="visibilityHidden"> <...
- 2022-06-25 23:27女码农୧( ⁼̴̶̤̀ω⁼̴̶̤́ )૭的博客 面试题：display:none与visibility:hidden的区别 ？
- 没有解决我的问题, 去提问
