0

ツイッターブートストラップを使用して、私はこれらの2つのページを設計しましたが、奇妙なことに、アイコンは1つのページにのみ表示され、他のページには表示されません。

https://music-cloud.ap01.aws.af.cm/index.html

<ul class="nav">
  <li class="active"><a href="#"><i class="icon-home"></i>&nbsp;Home</a></li>
  <li ><a href="login.html"><i class="icon-signin"></i>&nbsp;Login</a></li>
  <li ><a href="register.html"><i class="icon-group"></i>&nbsp;Register</a></li>
</ul>

https://music-cloud.ap01.aws.af.cm/login.html

<ul class="nav">
  <li ><a href="index.html"><i class="icon-home"></i>&nbsp;Home</a></li>
  <li class="active"><a href="#"><i class="icon-signin"></i>&nbsp;Login</a></li>
  <li ><a href="register.html"><i class="icon-group"></i>&nbsp;Register</a></li>
</ul>
4

2 に答える 2

1

このcssファイルを見逃しました。font-awesome.css

アイコンのスタイルはfont-awesome.cssで定義されています

于 2013-03-14T10:42:22.863 に答える
0

指摘されているように、両方のページのソースを見ると、font-awesomeへの参照が含まれているのは 1 つだけです。

  <link rel=StyleSheet href="css/font-awesome.css" type="text/css" media=all>

つまり: https://music-cloud.ap01.aws.af.cm/login.html

共通のヘッダー ファイルを使用し、絶対 URL を使用すると、コンテンツまたはディレクトリを移動した場合に、必要なインクルードが失われたり破損したりしないようにするのに役立ちます。

  <link rel=StyleSheet href="/css/font-awesome.css" type="text/css" media=all>
                             ^
于 2013-03-14T10:55:18.360 に答える