blob: 08fed0b6ba83a6ff9f9a0471aba2fae6b36417ad [file] [log] [blame]
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>background on body should not cover the viewport when not child of root</title>
<style>
html { background-color:transparent; background-image:none; }
body { background-color:red; padding:0; }
p { background-color:lime; }
</style>
<script>
window.onload = function() {
var newElm = document.createElement("bogus"); // namespace doesn't matter in this case
newElm.appendChild(document.getElementsByTagName("body")[0]);
document.documentElement.appendChild(newElm);
document.getElementsByTagName("p")[0].firstChild.data = "This line should be green and there should be no red.";
}
</script>
</head>
<body>
<p>FAIL (script didn't run)</p>
</body>
</html>