| <!DOCTYPE html> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>background on subsequent bodys should not cover the viewport</title> |
| <style> |
| html { background-color:transparent; background-image:none; } |
| #test { background-image:url(resources/red.png); padding:0; } |
| p { background-image:url(resources/lime.png); } |
| </style> |
| <script> |
| window.onload = function() { |
| var newElm = document.getElementsByTagName("body")[0].cloneNode(false); |
| newElm.id = "test"; |
| 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> |