如何在自己的内容面前设置div？

Question

我试图在一个更大的div中拖放div。 在div中是标题和图像。问题是我无法点击img或文本来拖动整个div。如何在前面设置div他自己的内容？

<div class="bigDiv">
    <div class="littleDiv1" draggable="true">
        <p class=title1>Title1</p>
        <img src="#" class="img1" draggable="false">
    </div>
    <div class="littleDiv2" draggable="true">
        <p class=title2>Title2</p>
        <img src="#" class="img2" draggable="false">
    </div>
    <div class="littleDiv3" draggable="true">
        <p class=title3>Title3</p>
        <img src="#" class="img3" draggable="false">
    </div>
</div>

我也试过draggable="false"，但它没有用。我也尝试使用z-index，但它既没有效果。

Answer 1

您必须使用z-index并为此设置position样式。

例如，您可以将其添加到div样式中：

position:relative; 
z-index: 1000!important;