ページ全体に半透明の PNG でオーバーレイを作成しようとしました。
何らかの理由で、ページ内の特定の要素がまだフルカラーで表示されていますが、これは背景にのみ適用されているようです。
#overlay{
background-image:url(../images/overlay.png);
width:100%;
height:100%;
margin:0px;
position:absolute;
z-index: 20;
}
ページ全体に半透明の PNG でオーバーレイを作成しようとしました。
何らかの理由で、ページ内の特定の要素がまだフルカラーで表示されていますが、これは背景にのみ適用されているようです。
#overlay{
background-image:url(../images/overlay.png);
width:100%;
height:100%;
margin:0px;
position:absolute;
z-index: 20;
}
オーバーレイ div には、その div の「下」になるすべての div が含まれます。オーバーレイとして使用するには、次の css で別の div を作成する必要があります。
#overlay {
background-image: url(../images/overlay.png);
width: 100%;
height: 100%;
margin: 0px;
position: fixed;
z-index: 20;
}
そうすれば、これは基本的にあなたのhtmlになります:
<body>
<div id='wrapper'>
</div>
<div id='footerwrapper'>
</div>
<div id='overlay'>
</div>
</body>