CSS - 如何在包含iframe的頁面上放置加載圖標？

如何將加載圖標置於包含iframe的頁面上？CSS - 如何在包含iframe的頁面上放置加載圖標？

iframe高度是可變的，它包含一個帶有一些編輯按鈕（如編輯刪除）的表格。當按下其中一個按鈕時，當ajax調用正在工作時，我想將加載圖標居中在屏幕的中心，但是它取決於iframe的中心，根據可用的數據，高度可以在1024px到6000px之間。我正在使用blockUI - jQuery加載圖標。我的CSS如下：

var topOffset = $(window).height()/2; 
var leftOffset = $(window).width()/2; 
var style = { 
    position: 'fixed', 
    top: topOffset, 
    left: leftOffset 
};

我通過jQuery將它設置到blockUI。

有什麼想法？

來源

2016-11-28 TdAth

嗯..聽起來你最好不要使用blockui（它可能很難覆蓋它，我想你可以在不到5分鐘內設置相同的東西，這會讓你做任何你想做的事情）。除此之外，其他人可能難以理解您的加載程序是否位於iframe中，或位於同一頁面上的iframe之上 – Ben

主頁和來自同一個域的iframe內容？然後它可能會更容易，如果你把加載指標放在主頁面中，並且只在iframe內部觸發它。 – CBroe

更新

找到了答案：

變種topOffset = screen.height/2;

var leftOffset = screen.width/2;

來源

2016-11-28 12:23:57 TdAth

CSS - 如何在包含iframe的頁面上放置加載圖標？

回答

相關問題