Javascript 如何使一个DOM元素旁边的所有内容都变暗？_Javascript_Css_Dom

Javascript 如何使一个DOM元素旁边的所有内容都变暗？

javascript css dom

Javascript 如何使一个DOM元素旁边的所有内容都变暗？,javascript,css,dom,Javascript,Css,Dom,我想通过CSS在一个DOM元素和它的子元素旁边使屏幕变得非常暗我该怎么做编辑：我想做一些类似于chrome开发工具“inspect element”UI的事情在整个视口顶部创建一个div层。给它一些透明度或只是一个坚实的背景色。使用CSSz-index将您希望位于该层顶部的元素提升正如@jfriend00所指出的，首先需要将元素的位置更改为绝对或相对。然后，您必须使用left和top（例如）再次定位元素。可能需要一些代码吗？或者你所追求的形象？您尝试过什么？z-index仅在元素处于定位（

我想通过CSS在一个DOM元素和它的子元素旁边使屏幕变得非常暗

我该怎么做

编辑：我想做一些类似于chrome开发工具“inspect element”UI的事情

在整个视口顶部创建一个

div

层。给它一些透明度或只是一个坚实的背景色。使用CSS

z-index

将您希望位于该层顶部的元素提升

正如@jfriend00所指出的，首先需要将元素的

位置更改为绝对
或相对
。然后，您必须使用left
和top
（例如）再次定位元素。
可能需要一些代码吗？或者你所追求的形象？您尝试过什么？z-index
仅在元素处于定位（如位置：绝对）时才影响该元素，因此此解决方案比您描述的更复杂。不能只将z-index
添加到页面正常布局中的元素，然后期望它弹出到顶部<代码>z索引

此处描述的规则：。