layout/reftests/outline/outline-and-3d-transform-1-ref.html
author L. David Baron <dbaron@dbaron.org>
Fri, 14 Feb 2014 21:29:13 -0800
changeset 168911 dd1f8adbfecc0d2c5fa0bd6fdd97de0261ab2cdb
permissions -rw-r--r--
Bug 480888 patch 4: Draw outline around the union of border boxes, SVG, and text, rather than the visual overflow area. r=roc At the same time, move the handling of outlines on inlines that contain blocks earlier, so that we factor it into the stored frame property (and thus have the stored frame property) and so that we include it accurately in the overflow calculation.

<!DOCTYPE HTML>
<title>Testcase for outline around 3-D transform</title>
<style>

html, body { margin: 0; padding: 0; border: none }

div {
  width: 100px;
  height: 100px;
}

body > div {
  margin-top: 200px;
  margin-left: 200px;
  transform-style: flat;
  position: relative;
}

body > div > div {
  position: absolute; top: 0; left: 0;
  height: 150px; width: 150px; top: -25px; left: -25px;
  background: rgba(255, 255, 0, 0.4);
  outline: 2px dashed blue;
}

</style>

<div><div></div></div>