css - Firefox は Chrome とは異なる相対位置を表示します

Question

相対的な位置でカレンダーにいくつかのイベントを配置する Web サイトがあります。しかし、問題は、Chrome ではレイアウトがピクセルパーフェクトであることですが、Firefox と IE ではまったく機能しません。

イベントは、約 10px 下向きに位置がずれます。また、相対ポジショニングも使用するツールチップは、「元の」位置で動かなくなります。

Chrome と Firefox でブラックボックスの位置が異なることがわかります。ツールチップをクリックすると、Chrome では日付のところに表示されますが、Firefox では左下隅に表示されます。

なぜだか理解できない!?

お願いします！助けて！

score 3 · Accepted Answer

これを行う 1 つの方法は、CSS ハックを使用して、ブラウザーに応じてスタイルを設定できるようにすることです。

ここにデモがあります：

@media screen and (min--moz-device-pixel-ratio:0) {
    .firefox {
        background: red;
    }
}

フィドルの例:

ここに私の参照があります：

2 に答える 2