Question

我有一个ASP.net aspx页面，它由3个iframe组成。一个用于标题，一个用于侧面菜单，一个用于主要内容区域。标题框有2个日期字段，将对主区域中的数据应用某种过滤器。

我必须将日期字段更改为更友好的用户，所以我想我会使用一些jquery日期选择器。

我遇到的问题是iframe的高度小于datepicker选择窗口的高度。日期选择器不会显示在其他帧的顶部，而不是完全显示（停在iframe的末尾）。

我尝试了很多z-index摆弄，但在我看来，这一切只适用于iframe中的页面，并不影响它在主页面上的显示方式。

有什么建议吗？我正在努力做甚么可能吗？

谢谢！

Answer 1

你想要实现的目标是不可能的。 iframe是一个独立的文档，就像不同浏览器窗口中的页面一样。只要您使用iframe，其中的任何内容都将以iframe的边框结尾。

您还会发现，让不同iframe中的脚本相互通信会遇到麻烦，特别是在旧浏览器和Intranet查看器（也称为Internet Explorer）中。

简而言之：如果没有理由使用iframe，请不要使用iframe。在页面上有三个网页就像在浏览器中同时打开四个网页一样，这通常是浪费资源。当你需要加载内容时，使用iframe是有意义的。来自不同的域名，您希望它与您网页上的内容隔离开来。

Answer 2

我知道它很晚但可能对某人有所帮助：

您可以动态增加和减少框架集的行：

$("#fromdate, #todate").click(function () {
        $('frameset', top.document).eq(2).attr('rows', '300,*');
    });