Index: third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-of-fixed-move-after-scroll.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-of-fixed-move-after-scroll.html b/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-of-fixed-move-after-scroll.html |
index 73eed62436c36b994e1742f297a545c0bf761671..39f1c64f75b5aa86bce522d60ac26871ec7ff6e6 100644 |
--- a/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-of-fixed-move-after-scroll.html |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/fixed-child-of-fixed-move-after-scroll.html |
@@ -16,9 +16,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> |