group-opacity-surface-size-1.html (625B)
1 <!DOCTYPE html> 2 <html reftest-async-scroll 3 reftest-displayport-x="0" reftest-displayport-y="0" 4 reftest-displayport-w="800" reftest-displayport-h="2000" 5 reftest-async-scroll-x="0" reftest-async-scroll-y="100"> 6 <style> 7 8 html { 9 scrollbar-width: none; 10 } 11 12 body { 13 margin: 0; 14 height: 4000px; 15 } 16 17 .opacity { 18 opacity: 0.8; 19 } 20 21 .box { 22 left: 0; 23 top: 200px; 24 width: 200px; 25 height: 200px; 26 } 27 28 .absolute { 29 position: absolute; 30 background: green; 31 } 32 33 .fixed { 34 position: fixed; 35 background: blue; 36 } 37 38 </style> 39 40 <div class="opacity"> 41 <div class="box absolute"></div> 42 <div class="box fixed"></div> 43 </div>