root-element-background-image-transparency-004.html (868B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Opacity on Root Element With background image</title> 5 <link rel="author" title="Matt Woodrow" href="mailto:mattwoodrow@apple.com"> 6 <link rel="help" href="https://drafts.fxtf.org/compositing/#pagebackdrop"> 7 <meta name="assert" content="The background image should have opacity applied to 8 it as part of the Root Element Group"> 9 <link rel="match" href="root-element-background-image-transparency-001-ref.html"> 10 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-250000" /> 11 <style> 12 html { 13 background: url(support/transform-triangle-left.svg) fixed; 14 opacity: 0.5; 15 will-change: opacity; 16 } 17 body { 18 /* The default 8px margin makes the background not line up exactly */ 19 margin: 0; 20 } 21 </style> 22 </head> 23 <body> 24 </body> 25 </html>