「position：absolute」を親コンテナではなくドキュメントを基準にして強制します

divを本文の任意の部分に挿入しposition: absolute、position: relative。を持つ親要素ではなく、ドキュメント全体を基準にしてdivを作成しようとしています。

要素のdiv外側をに配置するposition:relative必要がありbodyます。

あなたが探しているposition: fixed。

MDNから：

固定配置は、要素を含むブロックがビューポートであることを除いて、絶対配置に似ています。これは、ページをスクロールした後でも同じ位置にとどまるフローティング要素を作成するためによく使用されます。

私の解決策は、jQueryを使用してdivを親の外に移動することでした。

<script>
    jQuery(document).ready(function(){
        jQuery('#loadingouter').appendTo("body");
    });
</script>

<div id="loadingouter"></div>

要素をにアタッチしたくない場合bodyは、次の解決策が機能します。

マウスが新しい要素とそれを生成した要素の両方の上にあるときに実行したいマウスオーバースクリプトがあったので、divを本体にアタッチしなくても機能する解決策を探してこの質問に行きました。jQueryを使用する意思があり、@ Liam Williamの回答に触発されている限り：

var leftOffset = <<VALUE>>;
var topOffset = <<VALUE>>;
$(element).css("left", leftOffset - element.offset().left);
$(element).css("top", topOffset - element.offset().top);

このソリューションは、要素の現在の左右の位置（ボディに対して）を減算して、要素を0、0に移動することで機能します。ボディに対して必要な場所に要素を配置するのは、左右のオフセットを追加するのと同じくらい簡単です。値。

これは、CSSとHTMLだけでは不可能です。

Javascript / jQueryを使用すると、要素jQuery.offset()をDOMに取得し、それを比較してjQuery.position()、ページのどこに表示するかを計算できる可能性があります。