我正在开发一个Chrome扩展,而不需要太多,我需要注入一些代码到网页中,并覆盖整个页面。到目前为止,我几乎已经实现了这一点,但我似乎无法覆盖某些网站的某些部分。其中包括来自YouTube的视频,Google搜索结果顶部的搜索栏,kongregate的随机部分(星星和月度资讯)。总是保证在网页顶部
下面是我目前用来实现这一目标的CSS,我玩过并在各个地方寻找解决方案,但似乎没有解决方案。
.cssX9482Overlay
{
position: fixed;
width: 100%;
Height: 100%;
vertical-align: middle;
background: #000000;
opacity: 0.97;
filter: alpha(opacity=97);
text-align: center;
top: 0;
left: 0;
}
奇怪的CSS名称就是这样,它不会与页面格式冲突。正如你可能猜到这是用来格式化一个div
请记住,这是一个Chrome扩展,因此HTML5和CSS3解决方案是有效的。
感谢您指出H,虽然工作正常。 z-index的问题在于,我仍然无法保证有人没有人加我。除非它位于顶部,否则该扩展将变得毫无用处。 – user900375
的确如此。 Z-index的最大值是32位,所以看到这个:http://stackoverflow.com/questions/491052/mininum-and-maximum-value-of-z-index - 2147483647是最大值。设置它并将其放置在页面的底部,你应该没问题。 – rickyduck
32位似乎过分,但它是什么,但无论如何。这将工作,但不介意更好的解决方案。我不习惯为Web开发,所以当两件事物具有相同的Z索引时会发生什么? – user900375