透明的jQuery UI对话框

谁知道如何使ui对话框透明？

Answer 1

创建一个类：

.transparent_class { filter:alpha(opacity=50); /* for IE4 - IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 

并将此类添加到UI元素。

阅读有关MS IEfilter的更多信息。

Answer 2

只需创建如下所示的样式，并在要具有透明背景的那些对话框上使用dialogClass选项。 当然，你可以制作多种风格，并传递你想要的任何东西

  //make dialog with transparent background $("#dialog").dialog({dialogClass:'transparent'}); //make default dialog $("#dialog2").dialog(); 

检查演示站点： jsBin （基本jquery，jquery ui，jquery ui css +自定义css透明类）