English 中文(简体)
IE 6, 7 & 8 z-index
原标题:IE 6, 7 & 8 z-index

我有两点,超支和结果,兹指数分别为100和200。

divs cs

.overlay {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 100;
}

.results {
  position: absolute;
  z-index: 200;
}

内容通过Ajax进行,发送到结果四处,然后用javascript进行显示。

不管我做什么,超支总是放在结果窗口的顶端。 在结果显示后,我立即试图改变这些奇迹,但结果没有改变。 这只是我假定的6-8号国际电子计算法的发生,这是因为这些版本的z-指数的特殊作用。

了解我如何看待成果箱?

最佳回答

含有较高z-指数的元素将出现在含有较低z-index内容的前面。 如果两个因素有相同的z-index,后者就出现在上。 处理环境的定义是:

  • The Document Root
  • Elements with position: absolute or position: relative and a z-index
  • Elements that are partially transparent, that is they have an opacity < 1
  • In IE7, any element with position: absolute or position: relative (this can cause many bugs since it is the only browser that acts this way)

如果IE7是一个问题,你可以把所有浏览器都照样做,把z-index : 1添加到有某些>>>>>>> 或opacity的任何内容上。

问题回答

暂无回答




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!