CSS-简单的模态,IE上的自动高度



我有简单的模态:

$('#report').click(function(e){
        $('#report_window').modal({
            autoResize: true
        });
        return false;
    });

和CSS:

#basic-modal-content {display:none;}
#simplemodal-overlay {
    background-color:#000;
}
#simplemodal-container {
    width: 600px;
    height: auto !important;
    top: 25% !important;
    color: #bbb;
    background-color: #fff;
    border: 4px solid #eee;
    padding: 12px;
    /* for IE */
    min-height:auto !important;
}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a.modalCloseImg {background:url('../images/close.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container p {
    color: #333;
    font-size: 15px;
}
#simplemodal-container h3 {
    color: #6666cc;
    margin: 0px 0px 15px 0px;
}

对于Opera、FF、Chrome来说,它还可以,但在IE上,模式高度总是100%:(顶部的裕度是可以的(总是25%),但高度是底部。。。

您是否尝试过声明模态容器的位置?

position:absolute;

最新更新