如何创建一个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>

使用：hover on css我将内部div的大小从height:100%类扩展为width:100% .booth。我的问题是每个部分的标题在整个尺寸上都是可见的。

很难解释......我知道，我的英语不好......

Answer 1

我认为你将4 div中的任何一个扩展到父div的完整大小并与其他子div重叠。我会尝试在“part”类而不是booth上使用z-index属性来解析它。