1

メニューが 2 つに分割され、真ん中にロゴがあるメニューをデザインしようとしています。

現在、次の2つの方法のいずれかで解決しています。

A、ロゴ div が一番上にあり、次のようにメニューをクリックできなくなります。

ここに画像の説明を入力

または B、メニューが上部にあり、ロゴの一部がクリックできなくなります。

ここに画像の説明を入力

ここで実際の例を見ることができます。(私は 2 番目の例を使用しました。カーソルをメニュー バーに合わせていると、Google ロゴをクリックできないことに注意してください)

そして、ここにソースがあります。

~~~~~~~~~~~~~~~~~~~~~

このフローを改善し、機能を維持できるメニューを設計するにはどうすればよいですか?

4

1 に答える 1

0 
#header {
  position: absolute;
  width: 100%;
  height: 26px;
  margin-left: 0 auto;
  margin-top:50px;
  z-index:9999;
}
#logo {
  text-align:center;
  position:relative;
  width:232px;
  top:30px;
  margin: 0 auto;
  z-index: 10000;
}

このようなことはできませんか？http://jsfiddle.net/jSgYh/6/

于 2013-04-27T01:17:10.797 に答える