<!DOCTYPE HTML>
<title>Don't pull background colors of container layers through DrawAboveRegions of ThebesLayers</title>
<style>

#outer {
  transform: translateX(1px);
}

#above {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 100px;
  height: 100px;
  border: 1px solid black;
}

</style>

<div id="outer">
  <canvas id="canvas" height="100" width="200"></canvas>
  <div id="above"></div>
</div>

<script>
var canvas = document.getElementById("canvas");
var cx = canvas.getContext("2d");
cx.fillStyle="lime";
cx.fillRect(0, 0, 200, 100);
</script>