如何在帧集上放置div叠加？(How to put a div overlay over framesets?)

 我需要使用jQuery 1.6.2为现有的jsp页面创建一个请等待页面。 我能够让div叠加层工作，以及在页面中心的模态窗口中请等待动画。 但是，叠加层仅覆盖其中一个框架集，即中心框架集。 
 
 html结构基本上是（为了清楚起见，我要留下很多）： 
 
...
<frameset >
  <frame id="topMostFrame">
  <frameset>
    <frame id="leftMostframe">
    <frame id="centerMostFrame">
  </frameset>
</frameset>
<noframes>
</noframes>
</body>
</html>
 
 JQUERY 
 
function getTheOverlay(){
    $(document).ready(function() {
        $("#loading-div-background").css({opacity: 0.5});
        $("#loading-div-background").show();
        //alert("In getOverlay!");
    }); 
}

function remove(){
    $(document).ready(function() {
        $('#loading-div-background').hide();
    });
}
 
 HTML 
 
<div id="loading-div-background" style="display:none" class="ui-widget">
    <div id="loading-div" class="ui-corner-all">
      <img style="height:80px;margin:50px;" src="/images/loading.gif" alt="Loading.."/>
     </div>
</div>
 
 CSS 
 
#loading-div-background {
    display:none;
    position:absolute;
    top:0;
    left:0;
    background:gray;
    width:100%;
    height:100%;
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

#loading-div {
  width: 300px;
  height: 200px;
  background-color: #ffffff;
  text-align:center;
  position:absolute;
  left: 50%;
  top: 50%;
  margin-left:-150px;
  margin-top: -100px;
}
 
 我尝试将html移动到我的jquery函数中加载，但它没有在IE8中显示叠加层。 我也有时间让IE8使用叠加层本身，但这是使用上面的CSS修复的。 
 
 我需要禁用左框架上的链接，这可能是我将要使用的方法，或者用覆盖层覆盖它们。 是的，我知道框架很糟糕，但这就是我的工作。 
 
 我无法让叠加层覆盖其他框架集并覆盖整个页面。 我已经读过这是不可能的框架集，虽然我猜可能有一个解决方法。 但是，当我使用警报进行调试时，覆盖覆盖整个页面。 
 
 我的问题是：为什么使用警报使覆盖层覆盖所有内容？ 即使使用框架集，我还能做些什么来获得相同的效果吗？ 

I have a requirement to create a please wait page using jQuery 1.6.2 for an existing jsp page. I was able to get the div overlay to work, along with an please wait animation in a modal window in the center of the page. However, the overlay only covers one of the framesets, the center one. 
 
The html structure is basically (I'm leaving a lot out for clarity):
 
...
<frameset >
  <frame id="topMostFrame">
  <frameset>
    <frame id="leftMostframe">
    <frame id="centerMostFrame">
  </frameset>
</frameset>
<noframes>
</noframes>
</body>
</html>
 
JQUERY
 
function getTheOverlay(){
    $(document).ready(function() {
        $("#loading-div-background").css({opacity: 0.5});
        $("#loading-div-background").show();
        //alert("In getOverlay!");
    }); 
}

function remove(){
    $(document).ready(function() {
        $('#loading-div-background').hide();
    });
}
 
HTML
 
<div id="loading-div-background" style="display:none" class="ui-widget">
    <div id="loading-div" class="ui-corner-all">
      <img style="height:80px;margin:50px;" src="/images/loading.gif" alt="Loading.."/>
     </div>
</div>
 
CSS
 
#loading-div-background {
    display:none;
    position:absolute;
    top:0;
    left:0;
    background:gray;
    width:100%;
    height:100%;
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

#loading-div {
  width: 300px;
  height: 200px;
  background-color: #ffffff;
  text-align:center;
  position:absolute;
  left: 50%;
  top: 50%;
  margin-left:-150px;
  margin-top: -100px;
}
 
I tried moving the html to load in my jquery function, but it didn't display the overlay in IE8. I also had a time getting IE8 to work with the overlay itself, but that is fixed using the CSS above.
 
I need to disable the links on the left frame, which is probably the approach I'll use or else cover them with the overlay. Yes I know frames are bad, but that is what I was given to work with.
 
I can't get the overlay to go over the other framesets and cover the entire page. I've read that this is impossible to do with framesets, although I'm guessing there could be a workaround. However, when I use an alert for debugging purposes, the overlay covers over the entire page. 
 
My question is: why is using an alert making the overlay cover everything? Is there something else I could do to get the same effect, even with the framesets?

原文：https://stackoverflow.com/questions/14941671