Javascript 如何使除特定元素之外的所有元素变暗

我正在构建一个google chrome扩展，我在右边做一些工作（在我的朋友故事中），事实上，我正在搜索一个特定的朋友故事，其名称在单击按钮后显示在输入元素中。 我需要调暗/调暗图片中黑色边框中出现的所有其他元素（除了右元素），直到他按下X按钮

我不知道如何到达所有其他元素，除了从一个元素！！：(

图片：

---

我找到了我的codez！在屏幕上放置一块画布，并剪切选定元素周围的部分。只需调用

openOverlay（elem）

，其中

elem

是要高亮显示的元素

var padding=5；//画布周围的空格
var animDelay=250；//用于canvas.highlight的CSS动画和转换的延迟
var divs=document.getElementsByTagName（“div”）；
对于（变量i=0；i

/*必要部分*/
画布。突出显示{
位置：绝对位置；
显示：块；
排名：0；
左：0；
不透明度：0.5；
-webkit过渡：不透明度250ms；
过渡：不透明度250ms；
-webkit动画：canvasFade 250ms轻松版；
动画：canvasFade 250毫秒轻松；
}
@-webkit关键帧画布{
从{opacity:0；}
到{不透明度：0.5；}
}
@关键帧画布{
从{opacity:0；}
到{不透明度：0.5；}
}
/*垃圾造型*/
div{
利润率：10px；
宽度：100px；
高度：100px；
显示：内联块；
背景：绿色；
光标：指针；
}
芬奇分区{
填充：3px8px；
页边顶部：5.2px；
边框底部：10px实心红色；
}

1
一个
一个
第一个

使用目标元素的位置和维度来定义4个元素的掩码，这些元素屏蔽了所有其他元素。如何处理维度？掩码是什么？如何定义掩码！！我不明白，对不起，我过去用画布元素覆盖整页，然后清除覆盖所需元素的部分。我不知道现在让codez在我身上，但你要把这些坐标应用到我身上。