負の絶対配置されたdivのオーバーフローに問題があります。負のオーバーフローを引き起こす負の絶対位置(IE7/8)
以下のイメージは、私が達成しようとしていることを表しています。主なオブジェクトは、position:relativeのdivです。 2つの突出している矢印タブは、絶対位置が負の値のdivであり、親の境界線の外側に位置します。
これはIE7とIE8を除くすべてのブラウザで正常に動作します。これは、親オブジェクトにスタイルのオーバーフロー:隠しがあるかのようにタブを完全に切り捨てます。
HTML:
<div id='parent'>
<div id='arrowLeft'></div>
<div id='arrowRight'></div>
</div>
CSS:
#parent{
position:relative;
width:600px;
height:400px;
}
#arrowLeft{
width:40px;
height:50px;
position:absolute; left:-40px; top:50%;
margin-top:-25px;
}
#arrowRight{
width:40px;
height:50px;
position:absolute; right:-40px; top:50%;
margin-top:-25px;
}
これは私が怒っ駆動されます。誰かがこの動作の修正または理由を知っていますか?
ありがとうございます。
W.
plz私たちにcodez!現時点であなたの質問に答える唯一の方法は、あなたが既に持っているHTML/CSSを再作成する時間を無駄にした場合です。 – thirtydot
投稿したコードを使用して問題を再現できません - http:// jsfiddle.net/Yrerb/)をIE7/8に追加しました。バグを含む適切なテストケースを与える必要があります。 – thirtydot