Safari 涂黑内容，使一页分区可见

所以我想做一些类似于apple inspector工具的事情，但是我正在为一个项目使用CSS

因此，这个想法出现在网站的某个页面上，网站被阴影覆盖（很像灯箱或厚箱），但某些div和其他元素仍然可见。这类似于Safari在检查元素时所做的操作。除该元素外，它会使页面的其余部分变黑

你知道吗

干杯

---

J

只使用CSS？如果是这样，我能想到的最好办法是：

<style>
a:hover *:not(#except)
{
    background:green;
}
</style>
<a href="#">
   Link
   <p>
       green
   </p>
   <p id="except">
       black
   </p>
</p>

---

在使用Dojo Javascript小部件时，它通过隐藏一个大元素来实现模式对话框（

显示：无；背景色：000；不透明度：0.5；

），尽管定位为覆盖屏幕（

位置：绝对；顶部：0；左侧：0；

以及Javascript设置为完整窗口大小的宽度和高度）。然后给它一个

z-index

值，所有要显示的元素在其上方都有一个z-index。如果您可以相对或绝对地定位所有要高亮显示的元素，此方法将适用于您。

您是在谈论类似的内容吗？

------------------
|lef|---up---|rig|
|t--|________|ht-|
|---| normal |---|
|---|________|---|
|---|-down---|---|
------------------