z指數固定父母和孩子

我想gui在海報上。這兩個要素必須有固定的位置。如果我將gui的位置設置爲絕對但固定不起作用，它工作正常。z指數固定父母和孩子

#gui { 
 
    width: 250px; 
 
    height: 50px; 
 
    position: fixed; // If I change to absolute then it works. 
 
    background-color: green; 
 
} 
 

 
#poster { 
 
    width: 250px; 
 
    height: 250px; 
 
    position: fixed; 
 
    background-color: red; 
 
    z-index: -1; 
 
}

<div id='gui'> 
 
    <div id='poster'></div> 
 
</div>

https://jsfiddle.net/pfpj03f5/

爲什麼不是這方面的工作？在#gui上將z-index設置爲正數也不起作用。

來源

2017-02-10 Martin Dawson

你必須做的div獨立否則它不會工作.. –

可能重複http://stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug –

因爲海報是gui的一個子元素。

固定位置，使他們獨立的父元素的反正，所以才動了海報的GUI和它的作品：

<div id='gui'></div> 
<div id='poster'></div>

https://jsfiddle.net/eaaz8o2z/

來源

2017-02-10 12:01:51 Johannes

z指數固定父母和孩子

回答

相關問題