Иногда кассета не переписывает правило фонового изображения
Контекст: http://getcassette.net/documentation/stylesheets
В частности:
URL-адреса изображений в CSS переписаны. Например, файл ~/styles/main.css, с содержанием:
body { background-image: url(img/bg.jpg); }
превращается в:
body { background-image: url(/_assets/images/styles/img/bg_25cb72e61bd5ag2_jpg);
Например, в моем конкретном случае в моем файле.less у меня может быть такое правило:
.ribbon {
background: url("/Public/image/blue-rib.png") no-repeat;
}
И кассета должна переписать его, и браузер фактически получает это правило:
.ribbon {
background: url("/_cassette/file/Public/images/blue-rib_81ab1e7f2fdb27c91a9e9b41eed420390e21f7e0.png") no-repeat;
}
И изображение отображается нормально.
В этом конкретном случае, используя ту же идею, фоновое правило не переписывается кассетой, и пользователи получают обычное правило, которое я вручную ввел в файл.less.
Вот факты:
- Рабочие и нерабочие правила находятся в одном файле.less.
- Изображение правильно в моем проекте Visual Studio, в папке
/Public/images
, - Используя веб-инструмент Google Chrome, я вижу правило
background: url("/Public/image/blue-rib.png") no-repeat;
- Не переписано так, как должно быть на кассете.
Любые идеи о том, что может быть причиной этого?
Я попытался изменить на debug = false в web.config, запустив приложение, и ничего не работает.
Попытался переключиться обратно на отладку = истина и все еще без игры в кости
Какие-либо предложения?
1 ответ
Существуют ли изображения на диске? Кассета пропускает изображения, которые она не может найти.
Кроме того, работает ли переход на CSS относительные URL?