Структура проекта выглядит следующим образом:
Магистраль - MVC
Пыль - шаблон
Mootools - работа с DOM
LESS - генерировать 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: Хм.Решение найдено.Фоновые изображения не должны иметь фонового повтора одной из осей или отсутствовать.То есть этот атрибут должен быть указан или нет, или просто повторяться.Очень странное поведение.