1

現在、CSS を使用して左側のナビゲーションのハイパーリンクの色を変更していますが、矛盾しているようです。一部のリンクは、私が宣言した正しいプロパティを取得しますが、他のリンクはそれらを受け入れません。class nav私はすべてのリンクに同じことを宣言しました。これらのリンクは分離されているため、私が知っている上書きはありません。

以下は、左側のナビゲーション コード スニペットです。

これは機能します：

var context='<%=request.getContextPath()%>';
<%--    var sOrg = '<%=sOrg%>'; --%>
document.write("<div id=\"leftNav\">");
document.write("<div id=\"leftNavtext\"><a href=\"home.htm?sOrg="+'<%=sOrg%>'+"\" class=\"nav\" id=\"phome\" style=\"text-decoration:none\" >Home</a></div>");

次に、これは機能しません:

  <% if(roles.contains("PEIMSDataCompleter")) {  %>
document.write("<div id=\"leftNavtext\" ><a href=\"dataSubmissions.jsp\" class=\"nav\" id=\"dataSubmissions\" style=\"text-decoration:none\">Data Submissions</a></div>");

次に、これは機能します：

document.write("<div  style=\" padding-left: 20px;padding-top:5px;\"><a href=\"scheduleMonitor.htm\" class=\"nav\" id=\"scheduleMonitor\" style=\"text-decoration:none\">Monitor Data Loads</a></div>");

ここに私のCSSがあります:

#leftNav {
width:180px;
height:687px;
background-color:#E0F0F2;
margin-bottom:15px;
padding-left:10px;
text-decoration:none;
text-color: #0083cc;
}

#leftNavtext {
font-family: Arial, Helvetica, sans-serif; font-weight:800;
font-size:95%;
color:#0083cc;
width:auto;
padding: 20px 10px 3px 0px;



}

#noteBody{
font-family: Arial, Helvetica, sans-serif; font-weight:800;
font-size:95%;
width:960px;
margin:auto;

}

// Below is the code for getting the hyperlink text to be formatted correctly (ie link colors)
a.nav:link {color: #0083cc; text-decoration: none; }
a.nav:visited {color: #0083cc; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: underline; }
a.nav:active {color: #0083cc; }

私が見る限り、これら 2 つのリンクに違いはありません。これらは、左側のナビゲーションにある多くのリンクのほんの一部であり、これはランダムに発生します。私は現在 IE 9 を使用しており、このブラウザーが私の要件です。

どんな助けでも大歓迎です！ありがとう！

4

3 に答える 3

2

アンカーについて述べたすべての：pseudoをフォーマットしましたか？

a, a:link, a:visited {some.css}
a:hover, a:visited:hover, a:active, a:focus {some-other.css}

おそらく、ブラウザ固有のスタイルを見ているのでしょう。

于 2013-02-11T18:05:41.277 に答える
2

初めに、

  • text-colorプロパティが存在しません。代わりに使用colorします。
  • ASP を使用している場合 (そのようです)、質問に適切なタグを追加してください

次に、問題は CSS によるものではありません。この小さな JSFiddle を参照してください: http://jsfiddle.net/j8ruV/2/

実際には、document.write() メソッドを使用してページにオブジェクトを動的に追加していますが、このメソッドはdivs奇妙に DOM に追加するため、CSS によって考慮されません (インラインのものを除く)。プロパティでテストするだけで.innerHTML、これはうまくいくようです（フィドルを参照）。

于 2013-02-11T18:27:53.263 に答える
0

リンクのインラインコードを配置する必要がありました。

document.write("<div id=\"leftNavtext\" ><a href=\"dataSubmissions.jsp\" class=\"nav\" id=\"dataSubmissions\" style=\"text-decoration:none; color:#0083cc;\">Data Submissions</a></div>");

于 2013-02-11T23:38:07.980 に答える