third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-absolute-clip-rects-expected.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<!DOCTYPE html>
<style>
  #slidein {
    width: 200px;
    height: 200px;
    transform: translate3d(200px, 0, 0);
  }

  #header {
    position: relative;
    height: 50px;
    z-index: 1;
    background-color: green;
  }

  #section {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 200px;
  }

  #content {
    width: 200px;
    height: 200px;
    transform: translateZ(0);
    background-color: blue;
  }
</style>

<div id="slidein">
  <div id="header">This div should stay in front.</div>

  <div id="section">
    <div id="content">
      This div should stay behind the header div.
    </div>
  </div>
</div>