opacity-background-1.html (840B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <meta charset="utf-8"> 6 7 <style> 8 .main { 9 top: 0px; 10 left: 0px; 11 width: 100px; 12 height: 100px; 13 position: absolute; 14 background-color: red; 15 } 16 17 .background { 18 background: linear-gradient(#ffffff, #ffffff); 19 position: absolute; 20 top: 0px; 21 left: 0px; 22 height: 100%; 23 width: 100%; 24 opacity: 0.9; 25 } 26 27 .container { 28 position: absolute; 29 top: 0px; 30 left: 0px; 31 height: 100%; 32 width: 100%; 33 overflow: scroll; 34 } 35 36 .message { 37 position: absolute; 38 top: 0px; 39 left: 0px; 40 width: 101%; 41 height: 101%; 42 } 43 </style> 44 </head> 45 46 <body> 47 <div class="main"> 48 <div class="background"></div> 49 <div class="container"> 50 <div class="message">foo</div> 51 </div> 52 </div> 53 54 </body> 55 </html>