首页 > 解决方案 > 如何使 div 内未使用的空间像按钮一样?

问题描述

我在一个网站上工作,但是我创建的这种类型的页面有点问题。如果单击背景,则应该返回另一个页面,但是我在父 div 中有两个 div,它们应该会阻止此操作。这不是问题。

这是带有一些视觉解释的页面截图

我想让父 div 内未使用的空间完全像背景一样。在其他一些页面上,它是另一列,其下方留有空间。

我已经尝试让 div 在其中一列中使用最大宽度和高度,但这使得实际内容被推离页面。我已经尝试将父 div 变成一个按钮,就像背景一样,但是这个动作使整个页面变成了一个巨大的按钮。

这种事情有解决方案吗?

标签: javascripthtml

解决方案


看看point-events: none你的造型。这允许您直接点击一个项目,并让您的点击直接在它后面的项目上注册。您将需要为pointer-events: auto不应单击的任何子元素进行设置。

您可以在此处阅读有关此内容的更多信息:https ://css-tricks.com/almanac/properties/p/pointer-events/


推荐阅读