Question

有谁知道如何让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元素中。

在their blog.

上阅读有关MS IE过滤器的更多信息

Answer 2

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

<style type="text/css" media="screen">
    .transparent { background:transparent }
</style>

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

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

透明的jQuery UI对话框

2 个答案: