如何使用z-index顯示此文本？

-2

<div class="header_photo"> 
    <div class="header_inside"> 
     <div class="header_text"> 
      Text 
     </div> 
    </div> 

    <div class="header_photo_transparent">&nbsp;</div> 
</div> 

.header_inside 
{ 
    top: 0px; 
    left: 0px; 
    display: block; 
    width: 975px; 
    background: none repeat scroll 0% 0% transparent; 
    z-index: 4; 
    position: absolute; 
} 

.header_text 
{ 
    position:absolute; 
    bottom:15px; 
    width:500px; 
    z-index:201;  
    left:370px; 
    font-size:12px; 
    line-height:13px; 
} 

.header_photo_transparent 
{ 
    position:absolute; 
    bottom:0; 
    left:0; 
    width:960px; 
    height:64px; 
    background-color: red; 
    z-index:100; 
}

和我想顯示在紅色背景中的字符串的文本，而無需：

改變header_photo_transparent的z索引;
而不刪除位置：從header_inside

其實我沒有看到串文字絕對的。

爲什麼這種行爲？我該如何解決這個問題？

來源

2011-07-06 markzzz

什麼行爲？什麼麻煩？請描述。 – Sparky

更新了問題。我沒有看到文本字符串:) – markzzz

您的文字是Z = 4，紅色背景元素的容器內爲Z = 100 ......紅色元素將是** **以上文字容器......這是準確的預期行爲。 – Sparky

Z-指數沒有過錯，只是刪除的z索引和使用的定位。定位出來了，而不是層。

http://jsfiddle.net/zaSKZ/1/

來源

2011-07-06 16:05:10

嚴......文字不在紅色背景上... – markzzz

現在是現在從頂部測量，所以與jsfiddle，這取決於你的視口高度。我的觀點仍然存在，但是，你不需要z-index。 –

如何使用z-index顯示此文本？

回答

相關問題