基于JS弹出一个隐藏的div窗口 正文页面变成灰色 无法编辑

当需要执行如下图所示的操作时，点击服务评分，会出现服务评分窗口，填写相关表单信息

但是我们在打开服务评分界面的时候，也可以点击body主界面的购物车等链接，这是错误的。因此，我们可以使用级联样式表来指定外围div的z索引低于当前服务评分表单页面，并且不能被单击，如下所示：

/*定义一个div来覆盖整个页面。此div的z-index大于body，小于service score div */# temp { background-color : # 000；opacity: 0.3宽度： 100%；高度： 100%；z-index : 2；visibility:隐藏；z-index最大的score div(显示时)*/# mark {底色：rgb (255，255，255)；宽度： 400 px；高度： 250 px；z-index : 3；visibility:隐藏；}/* div */# main {底色：rgb (255，255，255)包括服务评分、购物车等。宽度： 100%；高度： 100%；z-index : 1；} div id=' temp '/div div id=' mark '/div div id=' main '/diva id=' link ' I click on me cascade/JavaScript window . onload=function(){ document . getelementbyid(' link ')。onclick=function(){ document . getelementbyid(' temp '). style . visibility=' visible '；document . getelementbyid(' mark '). style . visibility=' visible '；} }/脚本渲染如下：

以上是边肖介绍的基于JS的隐藏div窗口的实现。正文页面变成灰色，无法编辑。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！