DIVに焦点を当てるページ全体のグレー化

私は3つのJSPを含むJSPを持っています。これらのJSPに含まれるいずれかのボタンをクリックすると、ウィンドウ全体の内容をグレーにする必要があります。どのようにこれを行うことができますか？親ウィンドウに子（画像）を追加しようとしましたが、機能しませんでした。DIVに焦点を当てるページ全体のグレー化

出典

2012-02-22 sgowd

あなたは次のスタイルを持つ、<body>要素に<div class="glasspane">を追加する必要があります。

もちろん

.glasspane { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: black; 
    opacity: 0.2; 
}

は、この<div>要素が適切な場合に削除する必要があります。

出典

2012-02-22 13:11:07

私はそれを追加することができますどのように？どのJSPの本体要素ですか？ – sgowd

私はあなたの最終的なDOMがどのように構造化されているのか分かりません。これらのJSPが読み込まれるiframeがなく、DOM全体が単なるドキュメントを表していると思います。その場合は、単に 'document.body'要素を使用してください。 –

どうすれば追加できますか？ – sgowd

ここではいくつかのjQueryがある私は、同様の目的のために使用しました：

$('body') 
.prepend('<div class="veil">&nbsp;</div>') 
.children('.veil') 
.css({ position:'fixed' ,top:'0' ,left:'0' ,width:'100%' ,height:'100%' 
,opacity:'0.5' ,backgroundColor:'gray' ,zIndex:7    }) 
;

出典

2012-02-22 13:23:45

私はJavascriptで必要です – sgowd

DIVに焦点を当てるページ全体のグレー化

答えて

関連する問題