Question

我有一个可调整大小的容器。在这个容器中，我有一个div列表。该列表大于容器，因此它出去了。我的问题是，当我将鼠标悬停在列表元素上时，如果我的光标位于容器边框的高度，则光标会改变，我可以调整容器的大小。

以下是演示http://jsfiddle.net/TCHdevlp/9B3YZ/

唯一做的就是简单的$("#main").resizable({ handles :'s' });

只需悬停列表的不同行以查看光标更改。

怎么可能？我的列表位于具有特定z-index为＆＃39; 2＆＃39;的div中。在前台。就像背景容器从我的列表中出现前景一样。

Answer 1

看起来内联样式z-index:1000;正在应用于.ui-resizable-s。

.divAmUl{
    position: relative;
    padding:0;
    margin:0;
    width:100px;
    z-index:1001;  /* changed z-index */
    border:1px solid #a6c9e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:white;
 }

<强> Working Example

Answer 2

这是因为可调整大小的jQuery UI处理程序在元素上设置了z-index 1000。

您可以设置更高的z-index，如2000：

 .divAmUl{
    position: relative;
    padding:0;
    margin:0;
    width:100px;
    z-index:2000;
    border:1px solid #a6c9e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:white;
 }

工作小提琴：http://jsfiddle.net/9B3YZ/3/

Jqueryui可调整大小。光标通过其他元素到达前景

2 个答案: