The Tor Browser: dom/plugins/test/reftest/plugin-busy-alpha-zindex.html@b8a032363ba2 (annotated)

dom/plugins/test/reftest/plugin-busy-alpha-zindex.html@b8a032363ba2 (annotated)

Thu, 22 Jan 2015 13:21:57 +0100

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

 <!doctype html>
 <html>
 <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 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);
 }
   </script>
 </style>
 </head>
 <body onload="paintCanvas();">
   <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>