0

私はこれを持っており、ウェブサイトのモーダルウィンドウを作成しようとしています:http://jsfiddle.net/qHqvn/

ブラウザ、IE6、Firefox、Chromeで一貫性のある外観にしたいです。ただし、ブラウザごとに表示が異なるため、何か問題があります。赤いボックスが常に画面の幅と高さの50%を占めるようにし、ユーザーがコンテンツを閉じるまで下のコンテンツを操作できないようにします。

Chromeでは期待どおりに動作しますが、Firefoxではボックスが希望の場所になく、水平方向に中央に配置されますが、垂直方向には中央に配置されません。ナビゲーターウィンドウのサイズを変更すると、さらにプッシュされます。IE6では、まあ、それについての言葉はありません、それはただ仕事をしません。

とにかく、それが適切に動作しないのは私のせいですが、私は自分が何を間違っているのかわかりません

4

1 に答える 1

1

CSSのすべての余白は、に基づいています。したがって、margin-left: -25%作品とボックスが水平方向に中央に配置されている間、margin-top: -25%プロパティはボックスの幅の25%を使用しています。

この回答も参照してください。

于 2012-06-21T15:21:32.490 に答える