<!DOCTYPEhtml>
<html lang="en" class="reftest-wait">
<meta charset="utf-8">
<title>Scrollboxes with non-uniform backgrounds should prevent their contents from pulling background colors, even if those contents start out above uniform backgrounds</title> <!-- This is the same test as pull-background-3.html, but with an additional wrapping opacity container layer.
-->
body {
margin: 0;
padding: 0 100px;
height: 3000px;
}
</style>
<div class="first" reftest-assigned-layer="page-background"> <!-- This is just a regular box, it should end up in the page background layer.
-->
</div>
<div class="underlap"> <!-- This item intersects with the scrollable box and is positioned below .scrollable, in z-order.
-->
</div>
<div class="opacity border">
<div class="opacity scrollable">
<div class="scrollarea">
<div class="scrolled border reftest-no-paint"> <!-- This box starts out above solid white background, but it will move so that it intersects .underlap, so it shouldn't pull up a background color to begin with so that it doesn't need to invalidate.
-->
</div>
</div>
</div>
</div>
<div class="second" reftest-assigned-layer="page-background"> <!-- This should share a layer with .first and the page background.
-->
</div>
<script>
var scrollable = document.querySelector(".scrollable");
function doTest() {
scrollable.scrollLeft = 100;
document.documentElement.removeAttribute("class");
}
// Make .scrollable start out with active scrolling.
scrollable.scrollLeft = 0;
scrollable.scrollLeft = 10;
document.addEventListener("MozReftestInvalidate", doTest);
</script>
Messung V0.5
¤ Dauer der Verarbeitung: 0.22 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.