我没有一个独特的问题,但是对于我的一生,我无法弄清楚自己在做错什么.

我有一个包含一系列部分的页面.本节的一部分是一个小图像.单击图像后,我想显示一个自定义控件.要显示控件是微不足道的,请将z-index设置得更高些,以确保控件位于一切之上.

但是用户仍然可以与控件后面的部分进行交互.

为了阻止这种情况,我添加了一个“毯子”.基本上是一个div,它是带有以下CSS(采用jQuery语法)的文档的大小-

{
  position: 'absolute',top: 0,left: 0,width: '100%',height: $(document).height(),display: 'none',zIndex: 1,backgroundColor: '#FF0000'
};

是的…背景是红色的,所以我可以看到它进行测试.我将不透明度设置为0.1(光模糊).然后,将自定义控件的z-index设置为2,以使其位于橡皮布顶部.

这在FireFox,Chrome和Safari中完美运行,但在IE中则不行.

自定义控件不是毯子的孩子.

目的是使以下文档被橡皮布覆盖,并在橡皮布顶部进行控制以与之交互.这是我在除IE之外的所有浏览器上得到的内容.在ie …上,文件受到控制,并且被毯子覆盖.

回答

scunliffe是最接近的(在我无法链接的评论中回答).自定义控件位于相对定位的div内(实际上向下几个).毯子只是简单地贴在身体的末端.因此,它位于相对定位的div之外,并启动了自己的z索引堆栈(如here所述).由于IE 6/7在这方面是不完善的,因此无论我将z-index设置为什么,它都始终位于保护层之下.

因此,我将毯子移动到相对位置div中的第一个孩子.这还不是100％完整,因为如果您滚动(此解决方案我无法停止),则div只是可见内容的高度.现在,我必须弄清楚如何获得内容的完整高度(可见和不可见).