我有一個需要創建一個請等待頁面使用jQuery 1.6.2爲現有的jsp頁面。我能夠讓div覆蓋層工作,並請在頁面中心的模式窗口中等待動畫。但是,疊加層僅覆蓋其中一個框架集,即中心框架集。如何將div覆蓋在framesets上?
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修復了這個問題。
我需要禁用左邊框架上的鏈接,這可能是我將要使用的方法,或者覆蓋它們。是的,我知道框架不好,但那是我得到的。
我不能覆蓋覆蓋其他框架集並覆蓋整個頁面。我已經讀過,這是不可能與框架,雖然我猜可能有一個解決方法。但是,當我使用警報進行調試時,覆蓋層將覆蓋整個頁面。
我的問題是:爲什麼使用警報使覆蓋物覆蓋了一切?還有什麼我可以做到的,即使對於框架集也能獲得相同的效果?
你可以發佈與生成覆蓋圖相關的代碼嗎?理論上,只需使用具有比框架集更高z-index css屬性的div就可以獲得疊加效果......但是,框架集當然不會被棄用。我仍然有一個感覺z-索引:會工作壽。 – rnirnber 2013-02-18 19:11:55
如何爲'#loading-div-background'設置'z-index'值爲99999? – sdespont 2013-02-18 20:31:12