ie7 z-index 失效問題

標籤：style   io   os   div   問題   on   r   bs   第一個   

解決辦法：

父級元素加上position:relative;並設定z-index.

父級元素的z-index優先，其中包含的元素的z-index是相對於父級元素的index.

<div style="position:relative;z-index=2">

<p style="position:absolute;z-index=99"> ...(要在上層顯示的內容）</p>

<div>

<div style="position:relative;z-index=1">

...

<div>

上面的例子中，倘若將第一個div的z-index設定為-1，則無論p的z-index為多少，多會被下面的div遮住。

相反，倘若下層div的z-index也設定成2，ie7正在解釋時，會按照"position:relative"的層的順序，自動疊加，即實際值是3.

沒有加position屬性時，所有值繼承自父級。

ie7 z-index 失效問題