CSSフィルタ全体のページ

Question

ページ全体を表示できるようにCSSフィルタを置くことができるかどうかを知りたければ、ページ上に少し灰色のフィルタがあり、ページ上でクリックすることはできませんフィルターが上部にあります。

Answer 1

これは、次のスタイルで、あなたのDOMの下部にある空のオーバーレイのdiv（<div id="overlay"></div>）を配置することによって達成することができます。

#overlay { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: #000; 
    opacity: .6; 
    filter: alpha(opacity=60); 
} 

あなたが任意のz方向を宣言している場合は注意する必要がありますインデックス。また、ドキュメントの高さがビューポートよりも大きい場合は、オーバーレイdivでJavaScript処理が必要になることがあります。

Answer 2

HTML（ページの一番下にこれを置く）：

<div id="overlay"></div> 

CSS：

#overlay { 
    position:fixed; 
    z-index: 100; 
    top:0; 
    left:0; 
    bottom:0; 
    right:0; 
    background-color:rgba(0,0,0,0.2); 
} 

あなたは後方のブラウザ（以下IE8と）をサポートしたい場合は、あなたがする必要がありますコードを再調整してください。例えば、RGBAはIEではサポートされていません。