Question

我有一个可拖动的div并嵌套在该div中我有另一个可调整大小的div。

div是即时创建的。

为了使事情变得更加复杂，我在可调整大小的div中有一个跨度，其中包含一些文本。

我遇到的问题是，我希望文本可以突出显示，但父div的可拖动元素不允许这样做。

如果我将跨度更改为文本区域一切都很好，但textarea不适用于我想要的内容。

我试图将跨度的z-index设置为高于div的z-index（z-index：2000;）但是没有快乐，draggale元素仍然是最重要的。

任何想法？

继承人我的div

var newdiv = document.createElement('div');
newdiv.setAttribute('id', id);
newdiv.setAttribute('class', 'dragbox');
newdiv.setAttribute('iterate',i);   
newdiv.style.position = "absolute";
newdiv.style.top = top+"px";
newdiv.style.left = left+"px";
newdiv.style.cursor='move';
newdiv.style.zIndex=zindex;
newdiv.innerHTML = "<br><div id='div"+i +"' style='zindex:1;'><span id='span"+i+"' style='z-index:2000;'>"+content+"</span></div></div>";

Answer 1

很抱歉，如果我错过了解，但你试图给一个div提供比其父div更高的z-index？如果是这样的话就不会起作用。

正如我在你的代码中看到的那样，z-index：2000在z-index中：1所以浏览器确实只是z-index：1

修改

你试过

吗？

event.preventDefault();

在mousedown mousemove和mouseup事件中？

jquery draggable div中嵌套跨度的z-index

1 个答案: