0

我试图让一个coverUp div 使其下方的另一个div 黯然失色。然后我将coverUp的背景设置为透明。这使得下面的 div 可见，但用户无法与之交互。可悲的是，这不是在 IE 中发生的事情。

一旦将coverUp div设置为透明，用户在IE（包括10个）中就可以访问eclipsed div。有解决方案吗？

这是一个例子。

<div class="coverUp"></div>
<div id="mapDiv"></div>

.coverUp {
    background-color: transparent;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    cursor: pointer;
    z-index: 50;
}

编辑：不能使用不透明度，因为我在coverUp Div中有子元素，当我应用不透明度：0时会淡出。

4

3 回答 3

0

你可以使用 opacity:0; 而不是透明的。这仍然会将 div 作为块元素。

此外，您可能希望将 z-index 设置为 99999 以强制它位于页面上所有其他元素的顶部。

于 2013-06-28T04:00:51.793 回答
0

您可以使用以下 css 标记使某些内容透明但具有背景色。

    background-color: rgba(255,255,255,0);

前 3 个参数是转换为十进制的十六进制数，第 4 个是透明度。我不知道它是否会以与设置相同的方式改变不透明度opacity: 0，您可能需要试一试才能找到，我不知道页面上应该还有什么。

我在 IE9 的提琴手（链接）中对其进行了测试，但提琴手在 IE7 和 8 中加载页面时遇到了问题，所以很遗憾我没有测试它们。

于 2013-06-28T08:34:56.097 回答
0

由于css 技巧，我能够解决这个问题。

我加了这个，

background:url("datdata:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");

这是一个例子。

注意：jsfiddle 在 IE8 中没有打开（至少在 IE10 浏览器的 IE8 模式下没有为我打开）。因此，在您的代码中进行此更改并检查它。

于 2013-06-28T16:31:21.930 回答