我有一个页面,我正在使用 chrome 控制台添加一个覆盖整个页面的 SVG 元素。 我在控制台中输入了以下命令,
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.style.position = "absolute";
svg.style.left = svg.style.right = svg.style.top = svg.style.bottom = "0px";
svg.style.opacity = 0.5;
svg.style['z-index'] = 100;
svg.style.width = "100%";
svg.style.height = "100%";
document.body.appendChild(svg);
但是 SVG 元素只覆盖页面显示的部分,即如果页面足够长以至于我们必须向下滚动,则不会覆盖整个页面。
有什么建议吗?
最佳答案
如果您想在视口(viewport)处固定元素,请改用position:fixed;
。
否则,不要使用100%
,而是:
svg.style.height = Math.max(document.body.scrollHeight,
document.documentElement.scrollHeight) + 'px';
关于html - 在 HTML 中包围整个主体的元素的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11429057/