javascript使圖像灰色周圍的空間

在我的頁面上，如果用戶單擊某個按鈕，圖像將在頁面中間顯示。現在我還需要圖像周圍的空間（整個剩餘頁面）顯示爲灰色。我嘗試了下面的代碼，但它不會工作。javascript使圖像灰色周圍的空間

function showLoading(){ 
    $.blockUI({ css: { 
     border: 'none', 
     padding: '15px', 
     backgroundColor: '#000', 
     '-webkit-border-radius': '10px', 
     '-moz-border-radius': '10px', 
     opacity: .5, 
     color: '#fff' 
    } }); 
document.getElementById("loading").style["visibility"] = "visible"; 
}

jquery Code將不會被執行。我怎樣才能在JavaScript中執行此操作？我試圖使用write.line("<style>...</style>")，但這不工作。

來源

2014-10-09 Irgendw Pointer

提供一個jsfiddle可能會有所幫助 – 2014-10-09 08:33:45

可以使DIV爲絕對位置變化的z-index按照您的要求

<div id="overlay" style="width:100%;height:100%;position:absolute;left:0;top:0;z-index:100;display:none;background-color:#000;opacity:.5"></div>

點擊按鈕，它成爲在顯示

document.getElementById("overlay").style.display="block";

添加你的函數這一行

來源

2014-10-09 08:36:41

這可以工作，但圖像在後臺，而且實際上應該在前臺。 – 2014-10-09 08:41:20

在圖像中添加z-index：z-index：200 – 2014-10-09 08:43:39

javascript使圖像灰色周圍的空間

回答

相關問題