禁用带透明div的div

Question

我正在尝试禁用某些部分的html页面。 我读到你可以在页面顶部使用一个绝对位置的透明div来防止点击它之外的元素，但是有一种方法可以在页面的一部分上完成这个（让我们假设这个部分都包含在一个页面的一部分中） div）没有使用绝对位置？

Answer 1

将position: relative放在要禁用的div上，然后将透明阻止div添加为此div的子级position: absolute和top，bottom，{{ 1}}，left等于0.

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

的方法

Answer 2

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

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

请务必将文件路径更改为您的传输图片。

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