layerize-over-fixed-bg-1.html (756B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>The fixed background should not cause .inner to move to a different layer than .outer</title> 5 6 <style> 7 8 body { 9 margin: 0; 10 height: 3000px; 11 } 12 13 .outer { 14 border: 1px solid black; 15 margin: 10px; 16 } 17 18 .outer > div { 19 margin: 10px; 20 } 21 22 .fixed-bg { 23 height: 100px; 24 background-image: linear-gradient(lime, lime); 25 background-attachment: fixed; 26 } 27 28 .inner { 29 border: 1px solid blue; 30 padding: 20px; 31 } 32 33 </style> 34 35 <div class="outer" reftest-assigned-layer="page-background"> 36 <!-- .inner and .fixed-bg do not overlap, so .inner should be merged into 37 the same layer as .outer. --> 38 <div class="fixed-bg"></div> 39 <div class="inner" reftest-assigned-layer="page-background"></div> 40 </div>