2009-09-23 55 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