[css-backgrounds] Canvas background with display:none or visibility:hidden

§3.11. "Backgrounds of Special Elements" explains how the background of 
:root or <body> extends to cover the entire canvas, but does not specify 
what happens when the corresponding element has `visibility: hidden` or 
`display: none`.

Firefox 30, Chromium 35, IE 11, and Opera 12 all agree to paint the 
background with `visibility: hidden`, but not with `display: none`. I 
suggest specifying both cases explicitly.

Test cases:

data:text/html,<style>html{background:green}</style>
data:text/html,<style>body{background:green}</style>

data:text/html,<style>html{background:green;visibility:hidden}</style>
data:text/html,<style>body{background:green;visibility:hidden}</style>

data:text/html,<style>html{background:red;display:none}</style>
data:text/html,<style>body{background:red;display:none}</style>

-- 
Simon Sapin

Received on Wednesday, 9 July 2014 14:40:08 UTC