2

だから私はアップルのインスペクターツールが行うことのようなことをしようとしていますが、私が取り組んでいるプロジェクトの CSS を使用しています。

したがって、アイデアはサイトの特定のページにあり、サイトは (ライトボックスやシックボックスのように) 陰になっていますが、特定の Div やその他の要素はまだ表示されています。これは、要素を検査するときに Safari が行うことと似ています。その要素を除いて、ページの残りの部分を黒く塗りつぶします。

それで、何か考えはありますか？

乾杯！

J

4

2 に答える 2

1

Dojo Javascript ウィジェットをdisplay:none; background-color:#000; opacity:0.5;操作する際に、ほとんどの場合、1 つの大きな要素を非表示 ( ) にすることでモーダル ダイアログを実装しますが、画面を覆うように配置します (position:absolute; top:0; left:0;また、Javascript によってフル ウィンドウ サイズに幅と高さが設定されます)。次に、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 はサポートしています)。それは 1 つの可能性ですが、あまり良くありません。

別のオプションは、Javascript を使用することです。長方形のブロック要素のみを使用している場合は、要素の x 値と y 値を正常なままにしてから、その要素の 4 つの部分 (上、下、左、右) を切り出します。背景が半透明の PNG である div を絶対に配置します。すなわち。

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