IE7不尊重z-index

时间:2009-09-23 15:21:40

标签: css internet-explorer-8 internet-explorer-7 z-index

在兼容模式下运行,下面的日历会显示在下面的文本框后面。 IE8显示我需要它的日历。

我的CSS

.MyCalendar .ajax__calendar_container 
{
border:1px solid #7F9DB9; 
background-color: #ffffff; 
z-index : 1004 ;   
width:190px;
}

覆盖日历的文本框没有将z-index设置在任何地方,尽管我已经在我的服务器端代码中尝试将其z-index设置为-1,如果我检测到IE7无效的话。有什么建议? alt text

2 个答案:

答案 0 :(得分:32)

IE存在z-index问题。大多数浏览器将页面视为一个连续堆叠上下文,但在IE中,定位元素生成一个新的堆栈上下文,从z-index值0开始。

如本文所述:

http://trwa.ca/2012/03/ie-z-index-bug-and-how-to-squash-it/

尝试为日历的父元素提供更高的z-index。

答案 1 :(得分:2)

我终于获得了额外的透明背景图像。 IE8。 SASS:

  #galerie-link {
    position: absolute;
    z-index: 1000;
    top: 25px;
    left: 40px;
    a {
      display: block;
      width: 185px;
      height: 90px;
      background-image: url(../images/transparent.png);
    }
  }