2009-09-23 57 views
13

在兼容模式下运行时,下面的日历呈现在下面的文本框后面。 IE8显示我需要的日历。IE7/IE8 z-index问题

我的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 http://img62.imageshack.us/img62/7127/overlay.gif

回答

32

IE在z-index上有问题。大多数浏览器处理的页面作为一个连续的堆叠环境,但在IE中,定位的元素产生新的堆叠内容,开头的0

的z索引值如本文中提到:

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

尝试给日历的父元素一个更高的z-index。

+3

我不应该说IE7有“问题”,它只是处理z-index与其他浏览器不同。 – rhodesjason 2009-09-23 17:28:19

+56

这将是一个问题。 – Toji 2009-09-23 17:30:27

+0

多么偶然的发帖 - 我遇到同样的问题 – user97410 2009-09-23 17:32:51

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); 
    } 
    } 
+1

你的透明间隔GIF保存的屁股。谢谢。 – Dummy 2015-08-20 04:04:30