2016-09-09 5 views
0

にはクリックできません。アンカーリンクは、我々は、マークアップのこのラインを持って次のデモ(<a href="http://bootsnipp.com/snippets/GXb7V" rel="nofollow noreferrer">http://bootsnipp.com/snippets/GXb7V</a>)では、ブートストラップナビバーブランド

<a class="navbar-brand" href="#">Brand</a> 

かかわらずhrefがURLに変更し、さらにとして残されているかどうかの#このリンクをクリックすることはできません。

誰でもこれを解決する方法を知っていますか?

私は、この問題は検索フォームとそれがnavの全幅に拡大する方法と関係があると考えています(例についてはbootsnippを参照してください)。私はclearfixクラスについて議論しているこの記事(Link isn't clickable within my navbar on Bootstrap 2 page)も読んでいますが、この場合は助けにはなりません。

答えて

2

その上に別の要素がある可能性が高いためです。 Z-インデックスを変更することで修正できます。

a.navbar-brand { 
    position: relative; 
    z-index: 1; 
} 
+0

嬉しかったです。あなたのZ-indexを低く保ち、あらゆるところで999に夢中にならないことを忘れないでください。維持するのが非常に難しくなります。 – Tom

+0

乾杯。ちなみに、私は.navbarブランドの画像を使用しています。推奨CSSを使用しているときは、画像が完全に展開されたときに検索バーに表示されます。しかし、検索入力が完全に展開されているときにjqueryを使ってz-indexを1から-1に切り替えることで、これを見て回って画像を表示することができます。 Z-indexの情報をありがとう、私はそれを持っていないでしょう。 – Andy

関連する問題

 関連する問題