1

幅が 2205p の大きな div 内に 3 つの div があります。中央に配置され、ほとんどの画面よりも大きくなっています。

div のうちの 2 つは絶対配置で、1 つは左側、もう 1 つは右側です。それらは半透明です。

3 番目の div は幅が 2205p で、幅が 2205p の画像が含まれています。この画像には、他の 2 つの div があるべき場所に一致するように描かれたボックスがあります。

IE9、Firefox、Safari で正常に動作します。

ただし、Chrome (Windows または Mac) では、ウィンドウの幅が奇数ピクセルの場合、位置がずれます。(ウィンドウ幅が偶数の場合は正常に動作します。

クロムを使用し、ウィンドウのサイズを変更して表示します。

http://nicecomputersny.com/chrome-bug.php

Chrome は大きな div のサイズを 2205px から 2206px に変更しています。これがこの効果を生み出していると思います。

編集:幅が 2206px の div で問題を再現しましたが、Chrome は div のサイズを変更していませんが、問題は残ります。

http://nicecomputersny.com/chrome-bug2.php

4

1 に答える 1

0

他の大きな div 内の大きな div の背景 (インライン) css ルールに "center" を追加しました。これは、claesv が示唆する自動マージンによる丸めの問題でもあったと思います。

http://nicecomputersny.com/chrome-bug3.php

私の実際の問題(私が再作成したと思っていた)は、提案されたjavascriptで修正されました。

于 2012-12-06T16:53:26.747 に答える