我目前正在为Chrome构建一个开源插件。它已经完成了很多工作 - 但我正在尝试着解决一些问题。基本上，在任何和所有网页中移动的div(注入页面的HTML)需要成为最顶层的元素，以便它可见。这是通过z-index @ 999实现的。然而，在一些网页上，这是行不通的！强制div成为任何网页和所有网页的最顶层元素

在我的头顶上，当您在code.google.com上登录时，菜单栏覆盖了我的div。

无论Web开发人员做什么，如何强制它被注入最高层？

这里是我的DIV + CSS：

#ezselected {

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

-ms-transition: all .2s ease-in-out;

transition: all .2s ease-in-out;

position:absolute;

border-radius: 15px;

z-index: 999;

-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 100, .80);

-moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 100, .80);

/*box-shadow: 0px 0px 15px 5px rgba(255, 255, 100, .80);*/

pointer-events:none; /* Make click-able through the DIV (for example, if it's on top of something with an event with kb) */

}

P.S.，我试图无济于事重要！

谢谢！

+5

那么'z-index：999'显然不会把这个元素放在其他具有'z-index：1000'或更高的元素之上... –

+1

确切地说，这可能会有所帮助：http：/ /stackoverflow.com/questions/491052/mininum-and-maximum-value-of-z-index –