您的位置：首页 > 编程语言 > ASP

ASP.NET MVC中如何在当前页面上弹出另外一个页面

2015-08-09 01:10 573 查看

注意：不是链接到另一个页面，而是弹出一个页面，当前的页面和弹出页面都存在于浏览器的同一个标签页中，效果如图：

弹出的窗体置于四大天王页面之上，但是无法继续操作底层的页面，代码如下：

function createDialog(src, width, height) {
var _doc_width = $(document).width();
var _doc_height = $(document).height();
var _html = "<div id='bg' style='position: absolute; z-index: 10000; display: block; left: 0px; top: 0px; opacity: 0.5; height: " + _doc_width + "px; width: " + _doc_width + "px; background-color:#CCC;'></div>";
_html += "<div id='ifdiv'style='z-index:10001;background-color:#FFF;border:solid 10px #cef;position: fixed; left:128px; top:32px;'>";
_html += "<iframe src='" + src + "' frameborder='0' style='width:" + width + "px;height:" + height + "px;overflow:visible;'></iframe></div>";
$('body').append(_html);
}

关键代码讲解：

div id='bg' style='position: absolute; z-index: 10000;bg的z-index为10000，而底层页面的index默认为0，so，底层的页面得不到操作。且注意position为absolute。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航