0

Sass上に構築されたZurb Foundation 3を使用しています。スプライトと、生成されたすべてのスプライトを表示する画像フォルダーをインポートできましたが、ブラウザーには表示されません。

HTML

<div class="six columns">
    <a href="#"><h2>Al Umrah</h2></a>
</div>

SCSS

$siteImages-layout:smart;
@import "siteImages/*.png";
@include all-siteImages-sprites;


h2{@include siteImages-sprite(al-umrah-logo);height:261px;}

生成された CSS

.siteImg-sprite, .siteImg-al-umrah-logo, .siteImg-hajj, .siteImg-home, .siteImg-umrah,     h2 {
background:url('/images/siteImg-sf72f1f5d54.png') no-repeat
}
.siteImg-al-umrah-logo {
background-position:0 -384px
}
.siteImg-hajj {
background-position:0 -128px
}
.siteImg-home {
background-position:0 -256px
}
.siteImg-umrah {
background-position:0 0
}
h2 {
background-position:0 -384px;
height:261px
}

RBコンフィグ

http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

# relative_assets = true

PS: デスクトップにこのフォルダがあります

4

1 に答える 1

1

CSS ドキュメントが、テスト マシンに存在しないファイルを要求しています。C:\Users\username\desktop\path\to\images\siteImg-sf72f1f5d54.pngデスクトップからドキュメントを表示しているため、画像への絶対パスは ではなくのようになります/images/siteImg-sf72f1f5d54.png。

有効にすると、テスト マシンと運用サーバーの両方で機能する のrelative_assetsようなパスに変更されます。../images/siteImg-sf72f1f5d54.png

于 2013-02-10T16:34:19.140 に答える