summaryrefslogtreecommitdiffstats
path: root/dom/plugins/test/reftest/plugin-canvas-alpha-zindex.html
blob: 517099d1b1178405bd877988e3fac7e04e59a7c6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!doctype html>
<html class="reftest-wait">
<head>
  <style type="text/css">
#one {
  position:absolute;
  left:0px; top:0px;
  z-index:1;
}
#two {
  position:absolute;
  top:100px; left:100px;
// Set these using the canvas API
//  width:200px; height:200px;
//  background-color: rgb(255,0,0);
  z-index:0;
}
  </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 = "rgb(255,0,0)";
  ctx.fillRect(0,0, 200,200);
}

  function doTest() {
    paintCanvas();
    forceLoadPlugin('one');
  }
  </script>
</style>
</head>
<body onload="doTest()">
  <canvas width="200" height="200" id="two"></canvas>
  <embed id="one" type="application/x-test" width="400" height="400" drawmode="solid" color="9900FF00"></embed>
</body>
</html>