ラッパー クラスに適用opacity
し、読み込み中の画像をページに表示したいと考えています。読み込み中の画像は、opacity
調整されたラッパー内に配置されます。このため、読み込み中の画像がはっきりと表示されていません。読み込み中の画像を不透明にせずにはっきりと表示したい。誰かが私にそれを行う方法を教えてください。
#wrapper{
opacity:0.21;
width:100%;
height:100%;
}
#loading{
background-image:url('loading.gif');
width:200px;
height:20px;
z-index:10px;
position:fixed;
top:50%;
left:50%;
}