1 <body style=
"margin:0px">
2 <div style=
"width: 100px; height: 100px; position: absolute; left: 100px; top: 100px; background-color: red">FAIL
</div>
3 <div id=
"outer" style=
"opacity: 0.5; margin: 100px">
4 <div style=
"position: relative; background-color: green; width: 100px; height: 100px">PASS
</div>
6 You should see a
100x100 green rect at
100x100 above with the word PASS. There should be no red on this page. This is a test case for https://bugs.webkit.org/show_bug.cgi?id=
25252
10 document
.getElementById("outer").style
.opacity
= 1.0;
11 if (window
.testRunner
)
12 testRunner
.notifyDone();
14 if (window
.testRunner
)
15 testRunner
.waitUntilDone();
16 // Delay until after the first paint
17 setTimeout(doTest
, 0);