可以设置jQuery UI可调整大小的幽灵吗？

Question

我有jQuery UI可拖动工作，并将ghost设置为true，当调整元素大小时会出现透明鬼影。

$('.container').resizable({ 
    ghost: true 
}); 

我想删除背景颜色，设置不透明度和风格的幽灵边框。

.ui-resizable-ghost { 
    z-index: 9999; 
    border: 1px dashed blue !important; 
    background-color: none !important; 
} 

尽管z-index和边界属性似乎正在起作用，即使当我使用！important时也是如此。

Answer 1

看起来非常可行，无需修改源代码。目标.ui-resizable-helper选择：

jsFiddle example

.ui-resizable-helper { 
    border: 4px dashed #faa; 
    background-color: #eeeecc; 
    opacity: .5; 
} 

为了让助手/鬼的背景透明，添加：

.ui-resizable-ghost { 
    opacity:0 !important; 
}