2013-12-11 56 views
-2

其實我使用Internet Explorer 10,看到一些問題,我的代碼,這個代碼在所有瀏覽器罰款;有問題只給我的問題IE的z-index不會在Internet Explorer中工作

我的代碼:

<style> 
#web_header_sub_data 
{ 
top:-60px; 
position:relative; 
width:980px; 
height:96px; 
margin:auto; 
z-index:1; 
} 


#login_s_window_background 
{ 
top:1px;  
position:absolute; 
position:fixed; 
left:50%; 
margin-left:-50%; 
width:100%; 
height:150%; 
background-color:#111111; 
z-index:9; 
background:rgb(17,17,17,0.7); 
background:rgba(17,17,17,0.7); 
} 

</style> 




<div id="web_header_sub_data"> 
<div id="login_s_window_background"></div> 
</div> 

在所有的瀏覽器,我看到所謂login_s_window_background顯示在所有div div和沒有有問題,只與Internet Explorer看到壞的,在其他的div,你怎麼看時,z-index的it's更多高其他div必須顯示其他divs

我不明白,爲什麼在所有的瀏覽器不工作正常,如果it's OK

Howewer退出一些定爲這,如果響應it's有,請告訴我,我怎麼能解決這個問題

謝謝的問候,

回答

0

您已覆蓋規則。嘗試用這些的更換格屬性:

#login_s_window_background 
{ 
    top:0; 
    position:fixed; 
    left:0; 
    width:100%; 
    height:100%; 
    background-color:#111111; 
    z-index:9; 
    background:rgba(17,17,17,0.7); 
} 
+0

這沒有工作,對不起,認爲這個背景使用這2個職位和工作在所有瀏覽器,但沒有在IE瀏覽器內,並與此變化沒有作品也,它的Z - 索引忽略了IE索引 – user3093290

0

的z-index的it's更高的其他分區都必須表現出比其他的div

這是不正確的 - Z-索引僅在相同的定位上下文中有效。新定位上下文由具有positionfixed,relativeabsolute的元素啓動。這樣一個元素的後代元素永遠不會在其自己的定位上下文中「爆發」父Z的索引。

試想:

<div id="a" style="z-index:1"> 
    <div id="b" style="z-index:4"> 
</div> 
<div id="c" style="z-index:2"> 
    <div id="d" style="z-index:3"> 
</div> 

div { position:absolute } CSS規則:在這種情況下,兩個div的cd仍然將是對的b因爲c已經對a頂部上方,d這樣自動爲以及。

由於這會使您的基礎聲明無效,您的整個Z-index結構可能會被搞亂,而這可能會導致您的渲染問題。

如果設置正確,IE10應該按照標準處理所有的Z索引,並且使用HTML5或其他格式正確的現代文檔類型來使用。仔細檢查一下,你沒有把它放在怪癖模式中。

相關問題