0

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

div 是动态创建的。

为了让事情稍微复杂一些，我在可调整大小的 div 中有一个跨度，其中包含一些文本。

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

如果我将跨度更改为文本区域，一切都很好，但文本区域无法满足我的需求。

我试图将 span 的 z-index 设置为高于 div 的 (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>";
4

1 回答 1

1

抱歉，如果我误解了，但您试图为 div 提供比其父 div 更高的 z-index？，如果这样是行不通的。

正如我在您的代码中看到的那样，z-index:2000 在 z-index:1 内，所以对于浏览器来说确实只是 z-index:1

编辑

你试过了吗

event.preventDefault();

在 mousedown mousemove 和 mouseup 事件中？

于 2013-05-13T14:29:53.493 回答