絶対位置DIVは、他の要素

Question

私はちょうど同じ程度である2つのJSPページを持っている上に置きました。各ページには、「位置：相対」プロパティ/値を持つ外部DIVがあります。各ページには、 "position：absolute"プロパティ/値を持つ内部DIVもあります。 1つのページに

、絶対位置DIVは、ページ上の他の要素の上にマウスを移動しません - 私は、ウィンドウのサイズを変更しながら、それだけで、他の要素の上に移動する前に移動を停止します。 （まったく同じ外DIVおよび内側DIV特性及び値を有する）他のページ

、絶対配置DIVは、私は、ウィンドウのサイズを変更するようにページ上の他の要素にカーソルを合わせません。

なぜこれが起こってでき上の任意の考え？私は最終的に
.BODY_OUTLINE {
position: relative;
...ここ

が関与マークアップとCSSの抜粋です...

CSSをページ上の他の要素の上にマウスを移動しないように、絶対位置のDIVの両方をしたいです border:2px outset white;
border-top: none;
font-style: normal;
margin: 0px;
margin-right:7em;
padding-top:0px;
FONT-FAMILY: arial, tahoma, verdana, sans-serif;
width:100%;
}

HTML
<DIV CLASS="BODY_OUTLINE">
...
<DIV STYLE="border:10px outset gray; position:absolute; right:20%; top:20%;">

Answer 1

絶対配置された要素は、ページ上の他の要素がそれらを防ぐために特別に制約されていない場合、常にその要素上に「ホバーオーバー」されます。これは、absoluteの要素が流れていない（つまり、他の要素によって無視され、他のほとんどの要素自体を無視するため）、relativeが例外であるためです。

あなたが欲しいように振る舞うように見える1ページを持っているという事実は、おそらくである「事故。」私は上記の言ったように、他の要素は持っている、以来、あなただけBODY_OUTLINEラッパーとabsolute divのためのコードを掲載しているので、私はあなたに正確な理由を伝えることはできませんが、他のすべての項目とCSSは、同様に、この問題に関連する可能性がありサイズ、マージン、それ自身の位置付け、またはそのようなものを介して、絶対的に配置された要素を説明するようにされる。

Answer 2

私はページ上の他の要素のないアイデアを持っていないが、私はあなたのdivの上のzインデックスを持つビットの再生を試してみたので、伝えるのは難しい：

.BODY_OUTLINE { 
position: relative; 
z-index:999; /* do this for all elements that have position absolute or relative */ 
} 

<DIV STYLE="border:10px outset gray; position:absolute; right:20%; top:20%; z-index:1">