<!doctype html> <html class="reftest-wait"> <head> <style type="text/css"> #one { position:absolute; left:0px; top:0px; z-index:4; } #two { position:absolute; top:100px; left:100px; background-color:rgb(0,0,0,0); z-index:3; } #three { position:absolute; left:100px; top:100px; width:200px; height:200px; background-color: rgb(255,0,0); opacity:0.6; z-index:2; } #four { position:absolute; top:100px; left:100px; z-index:1; } </style> <script src="utils.js" type="text/javascript"> </script> <script type="text/javascript"> function paintCanvas() { var canvas = document.getElementById("two"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "rgba(255,0,0, 0.6)"; ctx.fillRect(0,0, 200,200); } function doTest() { paintCanvas(); forceLoadPlugin(['one', 'four']); } </script> </style> </head> <body onload="doTest();"> <embed id="four" type="application/x-test" width="200" height="200" drawmode="solid" color="FFFF0000"></embed> <div id="three"></div> <canvas id="two" width="200" height="200"></canvas> <embed id="one" type="application/x-test" width="400" height="400" drawmode="solid" color="9900FF00"></embed> </body> </html>