模板灰尘:插入模板后未加载来自css的图像

时间:2012-03-02 07:09:06

标签: css mootools background-image less template-engine

项目结构如下:
骨干 - MVC
灰尘 - 模板
Mootools - 使用DOM操作 少 - 生成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();

在将准备好的模板插入浏览器中的页面时已经编译了挂起样式。这是主要的问题:除了背景图像之外,所有样式都已应用

我尝试直接指定样式而没有更少,尝试在base64中加载图像。然后揭示了如何使用带有背景图像的检查元素显示相同的图像以重新分配新路径。然后是的,有。

可能是什么问题?

UPD:嗯。找到解决方案。背景图像不应该给出其中一个轴的背景重复,或者不存在。也就是说,必须指定或不指定此属性,或者只是重复。非常奇怪的行为。

1 个答案:

答案 0 :(得分:1)

一般来说,问题出在我的注意力不集中。遗憾的是,我此时已经杀了这么多人,因为最初我一直在寻找,而不是在需要的地方。 事实上,问题出在css:意外地从另一个属性块传输(background-position:0 80px;),这就是图片不可见的原因。一切都达到极限是愚蠢的。 =)

但正如预期的那样,其他一切都在爆炸。 =)