轉載的地址 http://blog.csdn.net/jiangdragon/article/details/43270203

使用的樣式izimodal的樣式:

<script type="text/javascript">
    function popup(target_item, order, ui_label){
        var url_path = "/property/view_detail/{{ property_instance.id }}/?item=" + target_item;
        var subheader = "{{ ui_setting.modal_SubTitle }}";
        var header = ui_label
        var target = "#modal-default" + order
        var target_id = "modal-default" + order
            $(target).iziModal({
            title: ui_label,
       subtitle: subheader,
       icon: 'icon-document-edit',
       transitionIn: 'transitionIn',
       //transitionOut: 'transitionOut',
       headerColor: '#000',
       zindex:1001,
       iframe: true,
       fullscreen:true,
       overlayClose: false,
       overlayColor: 'rgba(0, 0, 0, 0.7)',
            iframeURL: url_path,
             onOpening: function(target_id){
                document.getElementById('overflow_fixed').style.overflow="hidden";
                
            },
            onClosing: function(e, target){
                document.getElementById('overflow_fixed').style.overflow="auto";
            }