可以設置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; 
}