當彈出窗口出現時，陰影背景使它變得不可循環

當點擊一個按鈕時，我創建一個DIV並使其像一個彈出式窗口，但是我想圍繞這個盒子的背景是'陰影'，而且它不是可以點擊那裏的鏈接和輸入字段。當彈出窗口出現時，陰影背景使它變得不可循環

你怎麼用javascript做到這一點？

2012-01-11 Filip Nilsson

你是指模態對話框嗎？ – j08691 2012-01-11 03:57:39

它被稱爲MODAL，並且使用jQuery等js框架更容易。像這樣簡單：'（'#basicModalContent'）.modal（）;'[demos]（http://www.ericmmartin.com/projects/simplemodal-demos/） – 2012-01-11 03:59:27

檢查此鏈接的模式彈出：http： //www.modalpopups.com/demos/0.2/demo.htm – Neelam 2012-01-11 04:22:04

直接在<body>內部創建一個<div>並給它一個id。在你<style>標籤，給它下面的樣式屬性（你可以添加更多，如果你想）：

position: fixed; 
z-index: 3; 
width: 100%; 
height: 100%; 
background-color: rgba(0,0,0.5);

你認爲合適的（確保彈出具有較高的z-index提高的Z-index ，但）。您還可以通過更改rgba()對象的第4個值（從1（不透明）到0（透明））來調整其顏色的不透明度。如果它沒有佔用整個頁面，請確保<body>和<html>標籤沒有樣式屬性，並給它們margin s，padding或border s。

來源

2012-01-11 04:42:27 FSFatScooter

當彈出窗口出現時，陰影背景使它變得不可循環

回答

相關問題