javascript - 如何使 div 内未使用的空间像按钮一样?
问题描述
我在一个网站上工作,但是我创建的这种类型的页面有点问题。如果单击背景,则应该返回另一个页面,但是我在父 div 中有两个 div,它们应该会阻止此操作。这不是问题。
我想让父 div 内未使用的空间完全像背景一样。在其他一些页面上,它是另一列,其下方留有空间。
我已经尝试让 div 在其中一列中使用最大宽度和高度,但这使得实际内容被推离页面。我已经尝试将父 div 变成一个按钮,就像背景一样,但是这个动作使整个页面变成了一个巨大的按钮。
这种事情有解决方案吗?
解决方案
看看point-events: none
你的造型。这允许您直接点击一个项目,并让您的点击直接在它后面的项目上注册。您将需要为pointer-events: auto
不应单击的任何子元素进行设置。
您可以在此处阅读有关此内容的更多信息:https ://css-tricks.com/almanac/properties/p/pointer-events/
推荐阅读
- angular - Angular cli可以同时显示两个组件,其中第一个包含项目列表,另一个包含所选项目的概述?
- java - 在 Spring Boot 中存储证书的最佳实践是什么?
- javascript - 如何在 Angular 8 的 FileReader 中从 2 个不同的 HTML 输入中获取 2 个文件?
- bash - Bash 4.4 无法自动完成“更多”但不是“更少”或“cd”的环境变量
- python - 从服务调用 Python 子进程失败
- javascript - 纯 Javascript 上的全屏弹出窗口 - 无框架
- javascript - 无法循环传递给组件的数组
- laravel - 如何检查刀片模板中是否需要字段?
- groovy - 将时间戳附加到groovy中的文件名
- php - PHP - 为什么 floor() 给我另一个 sams 计算结果