902330-1.html (533B)
1 <html> 2 <head> 3 <style> 4 canvas { 5 position: absolute; 6 top: 100px; 7 left: 100px; 8 width: 300px; 9 height: 300px; 10 } 11 div.inner { 12 position: absolute; 13 top: 200px; 14 left: 200px; 15 width: 100px; 16 height: 100px; 17 opacity: 0.5; 18 background-color: #ffffff; 19 } 20 </style> 21 </head> 22 <body> 23 <canvas id="c" height="300px" width="300px"></canvas> 24 <script> 25 var c = document.getElementById('c'); 26 var ctxt = c.getContext('2d'); 27 ctxt.fillStyle = 'rgb(0,255,0)'; 28 ctxt.fillRect(0, 0, 300, 300); 29 </script> 30 <div class="inner"> 31 </div> 32 </body> 33 </html>