壊れたリンクに関する質問が常に寄せられることは承知していますが、私の問題は少し異なるようで、どの解決策もうまくいきませんでした。
現在、私のナビゲーション セクションにある他の Web サイトへのリンクをクリックしても機能しませんでした。それらがそこにあることを登録し、右クリックして「新しいタブで開く」を選択すると機能しますが、それ以外の場合は. ただし、モーダル ポップアップへのいくつかの相対リンク (ページ上のコンテンツへの href="#xxx" リンクの用語である場合) は正常に機能します。
私の HTML コードと CSS への Pastebin リンクを以下に示します (ボックスがごちゃごちゃしないように)。
list タグから class="navigation" を削除すると、リンクの問題が解決するようです。ただし、クラスをタグに残したまま、関連するすべての CSS をスタイルシートから削除しても、問題は解消されず、スタイリングが削除されるだけです。なぜこれが当てはまるのかわかりません。
他の質問で推奨されているように、干渉しないように、背景、メニュー、およびナビゲーションの z-indices をそれぞれ 1,2,3 (および 3,2,1 の地獄のために 3,2,1) に設定しようとしましたここで、しかし役に立たない。誰にもアイデアはありますか?
CSS: http://pastebin.com/1KVTdBvF サイト: http://www.magratheamedia.com/npo
<div class="menu">
<div class="container clearfix">
<div id="logo" class="fleft">
<a href="javascript:void(0);"><img src="images/logo.png" /></a>
</div>
<div id="nav" class="fright">
<ul class="navigation">
<li data-slide="1">Home</li>
<li><a href="http://www.pn.npowned.net" target="_blank">Forum</a></li>
<li><a href="http://pixelnations.wikia.com/wiki/New_Pacific_Order">Wiki</a></li>
<li><a href="#gov" data-toggle="modal">Government</a></li>
<li><a href="#charter" data-toggle="modal">Charter</a></li>
<li><a href="http://www.pixelnations.net/index.php?id=16&nid=762">In-Game</a></li>
<li><a href="#applicants" data-toggle="modal">Applicants</a></li>
<li><a href="http://mibbit.com/#pnowned@irc.coldfront.net">IRC</a></li>
<div class="clear"></div>
</ul>
</div>
</div>