1

私は短くなります。
http://www.tuttoinunafesta.info
トップメニューの2番目のボタン(「フェステ・パー・バンビーニ」)をクリックし、オレンジ色のストライプに表示されるリンクを見てください。

IE10 と Chrome では、画像が 42px (コンテナー div の同じ div) であるため、本来あるべきストライプの中央に垂直に配置されます。Firefox では、本来あるべき位置より px 下にあります。

なんで?

メニュートップ ボタンのコンテナー div は、色付きのストライプ (この場合はオレンジ色) のコンテナー div と重なっています。下部の div には次のプロパティがあります。
{position:relative; top:-2px;}.

2 つの div が重なっていても、Firefox はボタンの画像の上にリンクの画像を重ねることができないようです。

4

1 に答える 1

0

CSSリセットを使用しましたか?ブラウザーはデフォルトでパディングとマージンを追加しますが、問題はそれらがすべて異なることです。シンプルな CSS リセットは、次のコードで実行できます。

* { margin: 0; padding: 0; }

Web には、より詳細な情報があります。これは、最も一般的に使用されているものの 1 つです - http://meyerweb.com/eric/tools/css/reset/

于 2012-11-22T11:01:45.400 に答える