5 var runPixelTests = true;
8 // Bail out early if the full screen API is not enabled or is missing:
9 if (Element.prototype.webkitRequestFullScreen == undefined) {
10 logResult(false, "Element.prototype.webkitRequestFullScreen == undefined");
13 waitForEventAndEnd(document, 'webkitfullscreenchange');
14 runWithKeyDown(goFullScreen);
18 function goFullScreen() {
19 document.getElementById('video').webkitRequestFullScreen();
22 <script src="full-screen-test.js"></script>
31 background-color: red;
35 -webkit-transform: rotate(180);
36 -webkit-mask: -webkit-linear-gradient(left, alpha 0%, white 100%);
37 -webkit-filter: contrast(100%);
38 clip:rect(0px,100px,100px,0px);
39 -webkit-box-reflect: below;
40 -webkit-transform-style: preserve-3d;
41 -webkit-perspective: 300;
50 background-color: black;
54 <body onload="init()">
55 <div>This tests that a full screen element in a lower stacking context blocks a sibling in a higher stacking context.
56 After entering full screen mode, only a black box should be visible.
57 Click <button onclick="goFullScreen()">go full screen</button> to run the test.</div>
60 <video id="video"></video>