1

作業中のデザインに問題があるようです。キックスタートHTMLフレームワークを使用していますが、いくつか問題があります。

まず、私のページの上部（ロゴ、ナビゲーションバー）とテキストの間に非常に大きな白いギャップがあるということです。

次に、z-indexを使用して、ナビゲーションバーにロゴをオーバーレイしようとしました。ただし、負の水平スクロールが発生します。オーバーフローxを非表示にして非表示にしようとしましたが、最善の解決策とは思えません。

あなたはhttp://jkr.me.uk/problem.htmlで問題を見ることができます

ありがとう、

ジョン

4

2 に答える 2

1

ロゴで position: relative を使用すると、参照しているスペースを占有します。

代わりに、float: right を使用するか、position: absolute; で配置します。

于 2012-12-03T17:38:17.543 に答える
0

白いギャップの問題はイメージです。プロパティを無効にするとposition:relative、画像の下部が最初のヘッダー タグの上部マージンに接触します。これに対する汚い修正はmargin-top: -200px、最初のヘッダーまたはmargin-bottom: -200pxロゴ画像のようなものです。前の回答者の方法を使用することもできます。

ナビゲーション バーに重ねて表示されるロゴ イメージについては、Chrome と IE 9 の両方で使用できます。

于 2012-12-03T18:11:55.883 に答える