jQuery Resizable处理z-index

Question

我注意到jQuery UI的可调整大小的句柄位于页面中所有其他元素之上.我使用Chrome的开发人员工具进行了检查,发现他们自动获得了100的z-index.有没有办法禁用它,只是给它们与可调整大小的元素相同的z-index？谢谢.

Answer 1

最适合我,因为没有!important规则被覆盖.

.ui-resizable-handle { z-index: auto !important; }

Answer 2

该z-index设置与CSS,JavaScript不.在这种情况下,您需要编辑负责的CSS:

.ui-resizable-handle { 
    position: absolute;
    font-size: 0.1px; 
    z-index: 99999; 
    display: block;
}

或者,定义自己的规则以覆盖行为.有关更多信息,请参阅此页面:http://www.mail-archive.com/jquery-ui@googlegroups.com/msg09524.html