使用阴影设计 jQuery-ui-dialog 的样式

Question

我需要用阴影设计 jQuery-ui-dialog 的样式。我有一个示例，其中对话框/弹出窗口使用嵌套 div 进行样式设置。每个角都有一张图片，每条边都有一条线，提供了高度和宽度的变化。 我的第一个解决方案是为标题提供一个图像，为内容提供一个长图像，根据对话框中的内容量进行剪切。这提供了元素高度的可变性，但不提供元素宽度的可变性。

http://www.pictureupload.de/originals/pictures/230112103022_popup-example.jpg

这就是它应该的样子。 有什么想法或者比 jQuery-ui 更好的可样式对话框/弹出窗口吗？

Answer 1

尝试这样的事情： http://jsfiddle.net/2kj9G/1/

Answer 2

还可以使用 jquery ui 对话框的 dialogClass 属性来赋予一个类，并赋予 ui 的影子类 ui-widget-shadow。

$("#editPanel").dialog({
   width: 400,
   modal: true, 
   dialogClass: 'ui-widget-shadow'
});