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

Question

我正在尝试在更大的 div 中拖放 divs。 在 divs 中是标题和图像。问题是我无法单击 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;