<!DOCTYPEhtml>
<html lang="en" class="reftest-wait">
<meta charset="utf-8">
<title>Moving the transform under the absolutely-positioned layer should cause that to invalidate</title>
body {
margin: 0;
padding: 20px;
height: 3000px;
}
</style>
<div class="transform content" id="aboutToMoveUnderAbsolute"> <!-- This transform is active + prerendered, and will move under the absolutely-positioned item.
-->
</div>
<div class="absolute reftest-no-paint content"> <!-- This absolutely-positioned element should get its own PaintedLayer above the transform.
It shouldn't attempt to pull up an opaque background color from the page, because the transform can move under it.
-->
</div>
<script>
function doTest() {
document.querySelector("#aboutToMoveUnderAbsolute").style.transform = "translateX(100px)";
document.documentElement.removeAttribute("class");
}
document.addEventListener("MozReftestInvalidate", doTest);
</script>
Messung V0.5
¤ Dauer der Verarbeitung: 0.11 Sekunden
(vorverarbeitet)
¤
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.