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

Question

我有一个可以调整大小的容器。在这个容器中，我在一个 div 中有一个列表。列表比容器大，所以它在外面。我的问题是，当我将鼠标悬停在列表的一个元素上时，如果我的光标移动到容器边框的高度，则光标会发生变化并且我可以调整容器的大小。

这是一个演示 http://jsfiddle.net/TCHdevlp/9B3YZ/

唯一要做的就是一个简单的 $("#main").resizable({ 处理:'' });

只需将鼠标悬停在列表的不同行即可看到光标的变化。

这怎么可能？我的列表位于一个 div 中，其特定 z-index 为“2”位于前台。这就像后台容器通过我的列表出现在前台。

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