2012-03-02 12 views
1

から画像をロードされていない、次のようにプロジェクト構造は次のとおりです。
バックボーン - MVC
ダスト - テンプレート
MooToolsは - DOM
LESSと操作 -
テンプレートほこり:テンプレートを挿入した後、CSS

CSSを生成

JSONをロードし、ダストテンプレートでコンパイルします。次に、使用してMooToolsのは、ページに挿入します。

new Request.JSON({url: 'templates/basis.json', 
    onFailure: function(){ 
    console.log('error'); 
}, 
onSuccess: function(responseJSON){ 

    dust.loadSource(dust.compile(responseJSON.basis, "intro")); 

    dust.render("intro", {name: "Fred"}, function(err, out) { 
     $('init').set('html', out); 
     return out; 
    }); 
}).get(); 

をすでにスタイルをぶら下げてコンパイルしているブラウザでページへの準備ができてテンプレートを挿入する時まで。そしてそれがメインキャッチです:背景画像の目的を除いて、すべてのスタイルが適用されます

私はlessを使わずに直接スタイルを指定しようとしましたが、base64でイメージをロードしようとしました。さらに、検査要素で同じ画像を背景画像で表示して、新しいパスを再割り当てする方法を明らかにしました。そう、はい、あります。

何が問題なのですか?

UPD:Hmm。解が見つかりました。背景画像には、軸の1つの背景リピートを指定しないでください。つまり、この属性を指定するかどうかを指定するか、繰り返し指定する必要があります。非常に奇妙な行動。

+0

可能な場合は、更新プログラムを回答として追加する必要があります。そして歓迎します:) –

答えて

1

一般的に問題は私の不注意でした。当初私が探していたので、私はこの時点で多くの人を殺したことは残念ですが、必要な場所ではありません。 実際、この問題はcssにありました。誤って別の属性ブロック(背景位置:0 80px;)から転送されたため、画像が表示されませんでした。限界までのすべては愚かでした。 =)

しかし、他のすべてのものは、期待どおりに強気で働いています。 =)

関連する問題