Index: third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-move-after-scroll.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-move-after-scroll.html b/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-move-after-scroll.html |
index fd0cf4d44d506740d0f3165a15932947227f6988..78e19fafbb36b98ddd658bc27c46e1e20b5241a2 100644 |
--- a/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-move-after-scroll.html |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-move-after-scroll.html |
@@ -17,9 +17,10 @@ |
</script> |
</head> |
<body onload="scrollAndRepaint()" style="height: 3000px;"> |
- <div style="position: fixed: top: 0; left: 0;"> |
+ <!-- Using 99% opacity on fixed pos elements to ensure they are not automatically promoted. --> |
+ <div style="position: fixed: opacity: 0.99; top: 0; left: 0;"> |
<p style="position: absolute; top: 210px">You should see a yellow rect on the left, and a green one on the right. No red pixels.</p> |
- <div id="toMove" style="width: 100px; height: 100px; background-color: red; position: fixed; top: 70px; left: 10px;"></div> |
+ <div id="toMove" style="width: 100px; height: 100px; background-color: red; position: fixed; opacity: 0.99; top: 70px; left: 10px;"></div> |
<div style="width: 100px; height: 100px; background-color: yellow; position: absolute; top: 270px; left: 10px; z-index: -5;"></div> |
</div> |
</body> |