<!DOCTYPE html >
<html lang="en" >
<meta charset="utf-8" >
<title >Scrollboxes with uniform backgrounds should pull that color into their contents</title >
<style >
div {
min-height: 50 px;
box-model: border-box;
}
.first, .second {
border: 1 px solid blue;
margin: 50 px 0 ;
}
.border {
border: 1 px solid black;
}
.scrollable {
height: auto;
overflow: auto;
}
.scrollarea {
width: 5000 px;
border: none;
padding: 10 px 0 20 px;
height: auto;
}
.scrolled {
margin-left: 220 px;
width: 100 px;
height: 100 px;
border-color: red;
}
body {
margin: 0 ;
padding: 0 100 px;
height: 3000 px;
}
</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="scrollable border" >
<div class="scrollarea" >
<div class="scrolled border reftest-opaque-layer" >
<!--
The background of . scrollable is uniform and opaque ,
. scrolled should be able to pull up that background color and become
opaque itself .
-->
</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" );
// Make .scrollable start out with active scrolling.
scrollable.scrollLeft = 0 ;
scrollable.scrollLeft = 20 ;
</script >
Messung V0.5 in Prozent C=89 H=100 G=94
¤ Dauer der Verarbeitung: 0.4 Sekunden
¤
*© Formatika GbR, Deutschland