Question

所以我希望做一些像苹果检查器工具那样的事情，但是我正在研究一个项目的CSS。

所以，这个想法是在网站的某个页面上，该网站被遮蔽（很像灯箱或厚箱）但是某些Div，＆amp;其他元素仍然可见。这类似于Safari在检查元素时所执行的操作。除了那个元素之外，它会使页面的其余部分变黑。

那么，任何想法？

干杯！

Ĵ

Answer 1

在使用Dojo Javascript小部件时，它通过在大多数时间隐藏一个大元素（display:none; background-color:#000; opacity:0.5;）来实现模态对话框，尽管它可以覆盖屏幕（position:absolute; top:0; left:0;和宽度和高度设置通过Javascript到完整的窗口大小）。然后给它一个z-index值，并且所有想要显示的元素都在它上面给出一个z-index。如果您可以相对或绝对地定位要突出显示的所有元素，则此方法适合您。

Answer 2

只用CSS？如果是这样，我能想出的最好的是：

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

不幸的是：not（）选择器是CSS3的一部分，大多数浏览器还不支持它（但是Safari 4可以支持）。这是一种可能性，但不太好。

另一种选择是使用Javascript。如果您只使用矩形块元素如何使元素的x和y值保持正常，那么切掉该元素的四个部分（向上，向下，向左，向右）。绝对定位一些背景为半透明PNG的div。即

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

清除内容，使一页div可见

2 个答案: