Blitz - WPT: element-replacement-root-canvas-bg-from-body.html

wpt / css / css-content / element-replacement-root-canvas-bg-from-body.html

/css/css-content/element-replacement-root-canvas-bg-from-body.html

<!DOCTYPE html>
<title>When content CSS attribute can replace a document's root, the HTML body element's background does not become the canvas background</title>
<link rel="match" href="element-replacement-root-ref.html" />
<link rel="help" href="https://drafts.csswg.org/css-content-3/#content-property" />
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#body-background" />
<meta name="assert" content="When the content CSS attribute replaces a document's root, its contents do not create boxes, so the HTML body element's background can't affect the canvas background." />

<style>
:root {
  content: url('resources/rect.svg');
}
body {
  background-color: aquamarine;
}
</style>

<p>This text should not be visible</p>

/css/css-content/element-replacement-root-ref.html

<!doctype html>
<title>Reference for the content CSS attribute can replace a document's root</title>

<style>
body {
  margin: 0;
}
</style>

<img src="resources/rect.svg" />