0

ページがあり、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要素は表示されるページの部分のみをカバーします。つまり、ページが十分に長く、下にスクロールする必要がある場合、ページ全体はカバーされません。

助言がありますか？

4

1 に答える 1

0

ビューポートで要素を修正する場合は、position:fixed;代わりにを使用します。

それ以外の場合は、を使用しないでください100%。ただし、次のようにします。

svg.style.height = Math.max(document.body.scrollHeight, 
    document.documentElement.scrollHeight) + 'px';
于 2012-07-11T09:08:47.750 に答える