我目前正在为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 –