絶対要素を絶対位置に配置します。 IE

Question

この正確な質問が尋ねられたかどうかわかりませんが、もしごめんなさい。私は私の弁護の中で、私が慣れ親しんだタイトルで約10の質問をチェックしたと言うことができます。オブジェクトまたは埋め込みがbodyタグに絶対配置されているコンテナの

<div id= ""> 
<object> 
    <embed> 
     <img src="" /> 
    </embed> 
</object> 
</div> 

ワン：

問題は、このです。どのブラウザに依存しますか。 IE 6 7 8の埋め込みは絶対に有効です。他の人のためのオブジェクトです。

試行錯誤は私にこのソリューションをもたらし、すべてのブラウザで非常にうまく動作します。神に感謝します。

今、私はIMGタグで表されるボタンを追加しています。私は絶対的に（それは私の映画に関連しています）絶対に配置したいと思います。 （IE 6 7 8を除く）すべてのブラウザこれは、以下のCSSで動作して：私のオブジェクトがある時点まで隠されているので

#closeButton 
{ 
    position:absolute; 
    right: 10px; 
    top: 10px; 
    z-index:400; 
    /*background: none;*/ 
    /*display:none;*/ 
} 

、ボタンもそれに/それに隠されています。

あなたが推測するようにIEにはありません。そこには、ボタンだけでなく、ウィンドウの相対的な表示があります！ 映画からの距離が離れていることを意味します。

私はハックの一種CSSは今ボタンを表示/非表示に使用JSを追加しました：

#closeButton 
{ 
    position:absolute; 
    right: 10px; 
    bottom:55px; 
    z-index:400; 
    background: none; 
    display:none; 
} 

そして、それが正しい場所や皮革を取り、映画を示しています。マウスをボタンの上に置くたびに、ムービーがonRollOutのイベントをトリガーするので、陽気なのですか？）

質問：私のボタンの位置はウィンドウのどのような関係にありますか？または、問題が他の場所を隠している可能性がありますか？

PS私はcrossbrowser固定配置をエミュレートするために相対/絶対配置を使用していますので、私はそれをあきらめることはできません。しかし、ボタンの動作は容認できません=）そして、それを映画の中に直接置くのは難しいでしょう。私はそれがなくてもできることを願っています。それは簡単な方法ですが。あらゆる映画のためのより多くの仕事。

私はこの問題をIEだけで繰り返すでしょう、他のすべてのブラウザでボタンが動作します。

コード全体

http://pastebin.com/fZvWyVsF

http://pastebin.com/zJBhNeVB

更新：

私はいくつかの変更で、ラッパーを配置について、以下のアドバイスを試してみました。

http://pastebin.com/dCULjHva

それは本当によくボタンを示しています。今、私はこのコードこれらのスタイルを持つ

<div id="bigBanner"> 
     <OBJECT width="100%" height="90"> 
     <PARAM NAME="quality" VALUE="high"> 
     <PARAM NAME="wmode" VALUE="opaque" > 
     <PARAM name="AllowScriptAccess" VALUE="always" > 
     <EMBED src="big.swf" width="100%" height="90" wmode="opaque" quality="high" AllowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> 
     </EMBED> 
     <noembed></noembed> 
     </OBJECT> 
     <div id="closeButton"><img src="close-box.jpg" onClick = "HideAll();" title="Закрыть"/></div> 
    </div> 

を持っています。しかし、やはりそれ（ボタン）は「IEの中で逃げ続ける」。

Answer 1

、ラッパーに配置し、絶対位置は、ラッパーを言いました。私はまた、ラッパーにボタンを配置して相対的な位置を決めることができますが、外側のコンテナの絶対的な位置付けの恩恵を受けます。

<div id= "wrapper"> 
<object> 
    <embed> 
     <img src="" /> 
    </embed> 
</object> 
<div id="button">foo</a> 
</div> 

#wrapper{position: absolute;} 

Answer 2

私はあなたのムービーとボタン（絶対配置されている）をposition：relativeのdivにラップする必要があると信じています。幅と高さ（念のため）

<div id= "wrap"> 
    <object> 
    <embed id="movie"> 
    </embed> 
    </object> 
    <img src="" id="closeButton" /> 
</div> 

だからCSSは、私が配置されている何かでそれをラップしていなかったためであることがわかり

#wrap 
{ 
     position:relative; 
     width:640px; 
     height:360px; 
} 
#movie 
{ 
     position:absolute; 
     width:640px; 
     height:360px; 
     z-index:100; 
     top:0; 
     left:0; 
} 
#closeButton 
{ 
     position:absolute; 
     right: 10px; 
     bottom:55px; 
     z-index:400; 
     background: none; 
} 

ほとんどのポジショニングの問題だろう：相対。私はこれが役立つことを願っています

DEMO：代わりに、絶対にオブジェクト/埋め込みを配置するhttp://jsfiddle.net/derno/C8FHR/