总是保证在网页顶部

我正在开发一个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解决方案是有效的。

来源

2011-08-18 user900375

<style type="text/css"> 
iframe, div { 
    position:absolute; 
    top:20px; 
    left:20px; 
    width:200px; 
    height:25px 
} 

iframe { z-index:1 } 

div { 
    z-index:2; 
    background:#000; 
    border:solid 1px red; 
    color:#fff; 
} 
</style> 

<applet code="myApp.class" width="700" height="700"></applet> 

<iframe></iframe> 

<div>EXAMPLE TEXT</div>

摘自：http://www.bluestudios.co.uk/blog/?p=6 你也有height资本

来源

2011-08-18 10:45:40 rickyduck

感谢您指出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

您可能需要在那里z-index;在我的Google搜索结果页面上，添加z-index: 999;涵盖除顶部导航（Web，图片，视频）以外的所有内容。这是因为谷歌的CSS是这样的：具有较大z-index

#gbz, #gbg { 
    ... 
    z-index: 1000; 
}

元素放在他人之上。即使在使用这个属性时，我在将内容放置在Adobe Flash元素和Java小程序之上也遇到了问题。

来源

2011-08-18 10:46:05 alexmuller

是的，flash和java一直是大问题。因此，为什么我试图找到一种不使用z-index的方法（除了有人总是能够使用它）。我需要保证最高水平，如何实现我并不在乎。甚至不需要是网页原生的东西，可以在我所关心的所有Chrome API中使用。 – user900375

总是保证在网页顶部

回答

相关问题