禁用具有透明 div 的 div答案

【问题标题】：Disable a div with a transparent div禁用具有透明 div 的 div
【发布时间】：2013-02-01 08:43:53
【问题描述】：

我正在尝试禁用我的 html 页面的某些部分。我读到您可以在页面顶部使用具有绝对位置的透明 div 来防止单击超出它的元素，但是有没有办法仅在页面的一部分上完成此操作（假设这部分全部包含在div) 不使用绝对位置？

【问题讨论】：

您能否发布一个您正在使用的标记示例，并清楚地确定该页面的哪些部分应该“禁用”？

【解决方案1】：

制作一个 1px x 1px 的小透明图片并将其保存为 .png 文件。在 DIV 的 CSS 中，使用此代码

background:transparent url('/images/transparent-bg.png') repeat center top;

记得将文件路径更改为透明图像。

我认为这个解决方案适用于所有浏览器，可能除了 IE 6，但我还没有测试过。

【讨论】：

【解决方案2】：

将position: relative放在要禁用的div上，然后将透明阻塞div添加为该div的子级，position: absolute和top、bottom、left、right等于0 .

如果您无法将 position: relative 放在要禁用的 div 上，那么这将更加困难，因为您需要计算它的尺寸和偏移量，然后将透明蒙版定位为 body 的子级并位于与您需要禁用的元素完全相同的位置。 JS 框架（如 jQuery）通常为您提供确定框的offset relative to the document 的方法。

【讨论】：