Javascript 浮动div周围的昏暗区域

我很擅长html和css，但对Javascript很糟糕

这是我的HTML编码：

当启动dIV时，它会覆盖页面的一部分，但我希望它会使其周围的区域变暗。如果使用Javascript，最简单的方法是什么？我该怎么做？请帮助我解决问题

为什么需要JAVA

有关CSS淡入淡出的内容，请查看此

或者开始像这样思考

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

---

听起来你好像在试图建立一个模态弹出窗口

当然，您可以自己用Javascript构建它，但我的建议是调查一个库来为您构建它

jQuery是一个不错的选择，jqueryui附带了一个对话框，它将完全按照您的要求执行。这非常简单，作为jQuery，您可以在网上找到大量帮助

---

您提出的问题似乎与JavaScript无关。问题中的JavaScript代码只显示元素，元素的外观和放置位置由相应的CSS规则指定。因此，如果您对HTML和CSS非常满意，那么最好相应地定位元素，然后使用JavaScript代码将其隐藏并显示。

是否要使页面的其余部分变暗创建一个包含所有内容的div，然后在上面放一些东西。你是在寻找一种模式视图吗？Java和JavaScript不是一回事。是的，对不起，我的错，这是漫长的一天啊哈

#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;
}

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