如何创建出来的div悬停

Question

想知道有没有办法做到这一点：

<div class="booth"> 
    <div class="part">Part 1</div> 
    <div class="part">Part 2</div> 
    <div class="part">Part 3</div> 
    <div class="part">Part 4</div> 
</div> 

使用：悬停在CSS我内div的大小从.booth类扩大到height:100%width:100% 。我有问题，每个部分的标题在全尺寸上可见。

这是很难解释......我知道，我的英文不好....

Answer 1

我认为你需要大约有任何的4格扩展到父DIV和重叠的全尺寸其他孩子divs。我会尝试在“part”类中使用z-index属性，而不是展位来解决它。