围绕浮动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的昏暗区域

回答

相关问题