2

所以我想做一些类似于苹果检查器工具所做的事情,但是对于我正在从事的项目使用 CSS。

所以,这个想法是在网站的某个页面上,网站被遮蔽(很像灯箱或厚箱),但某些 Div 和其他元素仍然可见。这类似于 Safari 在您检查元素时所做的事情。除了该元素之外,它会将页面的其余部分涂黑。

那么,有什么想法吗?

干杯!

Ĵ

4

2 回答 2

1

在使用 Dojo Javascript小部件时,它通过隐藏一个大元素display:none; background-color:#000; opacity:0.5;position:absolute; top:0; left:0;然后它被赋予一个z-index值,并且所有旨在可见的元素都被赋予其上方的 z-index。如果您可以相对或绝对定位要突出显示的所有元素,则此方法对您有用。

于 2010-01-24T21:54:51.597 回答
0

只有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。IE。

------------------
|lef|---up---|rig|
|t--|________|ht-|
|---| normal |---|
|---|________|---|
|---|-down---|---|
------------------
于 2010-01-19T00:06:25.577 回答