僞類和顯示

Question

我在僞類之後遇到了問題。問題是，如果我的div裏面有任何元素，那麼：之後這些元素會覆蓋我的after元素。 Z-index不起作用。

查看問題here（不顯示煙囪），並將其與here比較，窗口關閉。

#house:after{ 
    content:""; 
    display:block; 
    width: 10px; 
    height:20px; 
    position:relative; 
    top:-85px; 
    background: #f00; 
    z-index:-2; 
    left:60px; 
} 

Answer 1

現在習慣了這種

#house:after{ 
position:absolute; 
} 

#house{ 
position:relative; 
} 

Demo

Updated Demo

現在你改變你的left right top leftaccording to your design

現在定義你的主parent div給position relative和孩子或after pseudoclass給position absolute