<!DOCTYPE html> <html style="height: 100%"> <head> <script> function doIt() { var d = document.createElement("div"); d.setAttribute("style", "position: absolute; left: 0; right: 0; top: 0; " + "bottom: 0; background: green"); document.getElementById("x").appendChild(d); } </script> </head> <body style="height: 100%" onload="doIt()"> <!-- Button shouldn't get pointer events because it confuses tests if it can be hovered --> <button id="x" style="position: relative; display: table-row; width: 50%; height: 50%; top: 25%; left: 25%; pointer-events: none"> </button> </body> </html>