2

アマゾンs3を使用しています。

グリフィコンが表示されません。

私は頭に以下を追加しました

<style>
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("https://s3.amazonaws.com/BUCKET/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

</style>

古いパスを上書きすると思ったのですが、まだグリフィコンが見えません。

何か案は？

4

2 に答える 2

6

各スプライトにはbackground-positionそれが配置されている場所があり、そのスタイルですべてを上書きしています。スプライトのソースのみを変更したい場合は、次を使用します。

[class^="icon-"],
[class*=" icon-"] {
    background-image: url("https://s3.amazonaws.com/BUCKET/img/glyphicons-halflings.png");
}
于 2012-09-07T07:26:41.163 に答える
4

.css私は同じ問題を抱えています-そしてそれをTESTの代わりに本番CDNを使用することに絞り込みました。

herokuでテストするようRAILS_ENVにRACK_ENV設定しましたが、CSSをProductionCDNでコンパイルします。

他のアセットは正しいCDNを示していますが、ProdCDNは次の理由で使用されているようです。

@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
于 2012-10-21T06:29:09.057 に答える