jquery - 样式 Jquery 对话框内容 div

Question

我有这种情况：

var div = document.createElement('div');
div.id="content";

$(div).dialog('open');

div 的内容在对话框中打开，但我无法设置它的样式。我试图通过 id 或 className 访问它。问题是我想让内容填充对话框的 100% 宽度和高度。

我看起来 JQuery 以某种方式覆盖了我的 CSS。请帮忙...

CSS：

#content {
    width:100%;
    height:100%;
    background-color:black;
}

Answer 1

对于您可以提供的样式，它可能会对您有所帮助

#content{
    width:100%;
    height:100%;
    background-color:black;
    position:fixed;
    top:0;
    left:0
}

Answer 2

尝试更高级一点，但让对话更好一点:)

    $("#myDialog").dialog(
    {                                
        modal: true,
        show: "fade",
        hide: "fade",
        draggable: false,
        resizable: false,
        closeOnEscape: false,
        width: 400,
        position: "top",
        buttons: 
        {
            Close:  function()
                    { 
                        $(this).dialog('close');                                
                    }
        },
        open:   function()
                {        
                    /* styling dialog */
                    $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").remove();             
                    $(this).parents(".ui-dialog").css("padding", 5);  
                    $(this).parents(".ui-dialog").css("border", 0);
                    $(this).parents(".ui-dialog:first").find(".ui-dialog-content").css("padding", 0);

                    $(this).css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
                    $(this).parents(".ui-dialog").css("-webkit-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");
                    $(this).parents(".ui-dialog").css("-moz-box-shadow", "0px 0px 10px rgba(0, 0, 0, 0.8)");                        
    });