Chromium Code Reviews| Index: LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html |
| diff --git a/LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html b/LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..5f2b05c5b5fde2e3fb555b43698f7b15bbace358 |
| --- /dev/null |
| +++ b/LayoutTests/compositing/backgrounds/fixed-background-on-descendant.html |
| @@ -0,0 +1,50 @@ |
| +<style> |
|
esprehn
2014/04/01 22:00:13
<!DOCTYPE html>
|
| + body { |
| + height: 2000px; |
| + width: 2000px; |
| + overflow: hidden; |
| + } |
| + |
| + .box { |
| + width: 300px; |
| + height: 300px; |
| + margin: 20px; |
| + position: relative; |
| + } |
| + |
| + body > .box { |
| + border: 1px solid black; |
| + float: left; |
| + } |
| + .child { |
| + position: absolute; |
| + top: 50px; |
| + left: 50px; |
| + height: 200px; |
| + width: 200px; |
| + margin-left: 10px; |
| + background-image: url('../resources/alpha-blocks.png'); |
| + background-size: 500px 300px; |
| + background-repeat: no-repeat; |
| + background-attachment: fixed; |
| + border: 4px solid gray; |
| + } |
| + |
| + .composited { |
| + -webkit-transform: translateZ(0); |
| + } |
| +</style> |
| +<script> |
| + function doTest() |
| + { |
| + window.scrollTo(35, 45); |
| + } |
| + window.addEventListener('load', doTest, false); |
| +</script> |
| +<div class="composited box"> |
| + <div class="child box"></div> |
| +</div> |
| + |
| +<div class="composited box"> |
| + <div class="child box"></div> |
| +</div> |