如果將鼠標懸停在div中，則顯示div

如果將鼠標懸停在.post元素上，選項將顯示，是否有可能僅使用CSS。如果不是，我希望它被隱藏。如果將鼠標懸停在div中，則顯示div

<div class="post"> 

    <div class="author"> 
    Yxvasznalskje 
    </div> 

    <div class="options" style="display:none;"> 
    Report - Delete 
    </div> 

    <p>Message</p> 

</div>

來源

2013-06-22 Kaka

你的問題類似這個..猜這也會有幫助 - >> stackoverflow.com/questions/17200141/animating-an-element-when-hovering-on-two-other-element-using-css –

刪除內聯display:none;並使用.post:hover .options選擇內的div當父DIV懸停：

.options { 
    display: none; 
} 

.post:hover .options { 
    display: block; 
}

參見DEMO。

來源

2013-06-22 02:32:44 Antony

如果將鼠標懸停在div中，則顯示div

回答

相關問題