圍繞浮動div的昏暗區域

我很擅長html和css，但在Javascript中很糟糕。圍繞浮動div的昏暗區域

這是HTML編碼我：

<script> 
var toggle = function() { 
var mydiv = document.getElementById('nodate'); 
if (mydiv.style.display === 'block' || mydiv.style.display === '') 
mydiv.style.display = 'none'; 
else 
mydiv.style.display = 'block' 
} 
</script> 

<div id="nodate" style="display:none"><span class="A"> <input type="image" src="http://www.weebly.com/uploads/1/6/7/6/16768236/custom_themes/307429121386408805/files/close-icon.png?1384992227202" width="42" onclick="toggle();" /></span><b>There are no reservations listed under the date you selected. </b>Please select another date or ask for assistance.<br><br><image src=」http://www.weebly.com/uploads/1/6/7/6/16768236/custom_themes/307429121386408805/files/sorry.jpg?1384992565622」 width=」200」/></div>

這個CSS代碼隨之而來：

#nodate { 
background-color: #fff; 
width: 95%; 
height-min: 300px; 
z-index: 500; 
border: 2px solid #000; 
padding: 10px; 
margin-left: auto; 
margin-right: auto; 

position:absolute; 
top: -10px; 
left:0; 
right:0; 
margin-left:auto; 
margin-right:auto; 
} 


.A { 
float: right; 
margin-top: -30px; 
margin-right: -30px; 
}

當DIV推出，它涵蓋的部分的頁面，但我希望它可以調暗它周圍的區域。什麼是最簡單的方法，我該怎麼做（如果使用Javascript，請幫我解決）

來源

2013-11-21 user2602279

要變暗頁面的其餘部分嗎 –

創建一個覆蓋所有內容的div，然後在其上放置一些東西。 –

你是否在尋找一種模態類型的視圖？ –

-1

爲什麼你需要JAVA？

有關CSS衰落的東西檢查了這一點

click here :P

也許開始思考更多類似這樣的

#page-cover { 
display: none; 
position: fixed; 
width: 100%; 
height: 100%; 
background-color: #000; 
z-index: 999; 
top: 0; 
left: 0; 
}

來源

2013-11-21 00:30:20 Lachlan

Java和JavaScript是**不是同一件事。 – Terry

是啊對不起，我的壞它一直是一個漫長的一天啊哈 – Lachlan

的聲音，我像你試圖建立一個模式彈出。

你當然可以用Javascript自己編譯，但我的建議是調查一個庫來爲你做。

jQuery是一個不錯的選擇，jQuery UI帶有一個對話框，它將完成你想要的任務。這很簡單，作爲jQuery，你可以在網上找到很多幫助。

http://jqueryui.com/dialog/#modal

來源

2013-11-21 00:32:29 PugFugly

你問似乎不相關的JavaScript的問題。問題中的JavaScript代碼僅顯示元素，元素的外觀以及放置位置由相應的CSS規則指定。因此，我們對HTML和CSS很滿意，最好相應地定位元素，然後隱藏它並使用JavaScript代碼進行顯示。

來源

2013-11-21 00:34:16

圍繞浮動div的昏暗區域

回答

相關問題