0

ヘッダーからロゴをオーバーハングさせたいと思います。視覚的な例については、このリンクを参照してください。私が検索した結果のほとんどは、HTML/CSS (提供されたリンクを含む) の観点からではなく、WordPress でこれを実現することに関するものです。ヘッダー (おそらく関連情報) を含むページのクイック スタイルを作成するために、RoR を Twitter Bootstrap と共に使用しています。

この質問に対する答えは本当に HTML/CSS 中心のものだと思います。そのため<div>、左側にロゴが含まれ、右側に一連のナビゲーション リンクが含まれるヘッダーがある場合、どうすればそれを作成できますか?ロゴが下のページの残りの部分に張り出していますか?

また、はみ出した部分にわずかな影を付ける機能が含まれていればボーナスポイント:)

4

2 に答える 2

0

でcssコードを使ってみてください

position: absolute;

これにより、ロゴが必要な場所に浮かんでいることが保証されます. 次に、ロゴ画像の配置方法を次のように調整します。

margin-top: 100px;

任意の px を使用します。

于 2015-09-16T22:48:36.243 に答える
0

z-index プロパティ (CSS) を使用して、ロゴ画像が常に前面に来るように設定し、画像をヘッダーに配置すると、ぶら下がっているように見えます。わずかな影は画像自体の一部である必要があります。

于 2013-02-15T21:48:07.320 に答える