代码之家 › 专栏 › 技术社区 › user48408

IE7/IE8 z索引问题

z-index internet-explorer-7 internet-explorer-8 css

user48408 · 技术社区 · 15 年前

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

我的CSS

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

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

2 回复 | 直到 6 年前

Student 8 年前

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

如本文所述:

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

leymannx 11 年前

我最后用一个额外的透明背景图片把它放在上面。IE8。国资委:

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

推荐文章

Kyle Lemon · 突出显示页脚背景和内容之间的跨距

7 年前

Valentyn Stets · Webpack 2 css加载程序在生产构建中替换z-index属性

7 年前

Nick · 浮动操作按钮z索引更改延迟

7 年前

Vandan Shah · 粘性表格标题结构中的不透明度问题

7 年前

norixxx · 当父内容将图像作为子内容,并且其他元素具有不透明度时,CSS堆栈顺序会发生变化

7 年前

assoonaspossible · 具有固定父元素的绝对定位元素上的z索引[重复]

7 年前

Ismail Rubad · z索引为1的元素位于祖父母的div下

7 年前

JV Lobo · 具有transform属性的元素内的子元素z索引

7 年前

Tog Porter · 如何让图像滚动到导航栏后面

7 年前

Jasminder Pal Singh · 复杂的Z指数叠加问题

7 年前