在提供用戶修改資料/密碼等功能的時候，往往希望給用戶這樣的使用體驗，在不跳轉，不彈框的情況下完成對這些功能的操作。
這可以通過一種效果來實現，在同一頁面下陰影覆蓋整個當前網頁並使得原網頁中元素無法使用，同時讓可以使用的特定的修改框浮於陰影之上
如下面的效果示例：
思路是設置一個div作為body元素的直接子元素，讓其width和height均為100%,然后讓它在一開始處於隱藏狀態，而中間修改框頁同樣在一開始隱藏。
此外，兩者均使用絕對定位position:absolute;以使其脫離html的文檔流從而不影響其他后續元素的定位。
然后加入與按鈕綁定的js函數用於控制它們的顯示與隱藏（修改display屬性即可）。至於為什么后面原網頁的那些元素都用不了呢，是因為他們都被那個width和height均為100%的div給蓋住了。蓋的方式通過調節z-index屬性得到，當然，浮於上面的修改框該值更大。
具體示例代碼如下
可以參考http://www.csharpwin.com/dotnetspace/2415.shtml