Ссылка на изображение CSS для Dev to Test

Question

У меня есть несколько изображений, которые используются в файле CSS. Это прекрасно работает в моем решении для разработчиков, но когда я перехожу в Test, изображения не работают. Это связано с добавлением «test» в URL,

так оно выглядит как .... localhost / test / home.aspx

Именно этот "тест" вызывает проблему. на мои изображения ссылаются как в файле CSS:

../img/ui-darkness/images/ui-bg_glass_45_0078ae_1x400.png

У кого-нибудь есть предложения относительно того, что я могу использовать, что позволит моему решению использовать изображения при перемещении в другие домены?

Приветствия

Answer 1

подумайте пока что вы должны css вот так:

.somediv {
  background-image: url(/test/images/img1.png);
}

Вам необходимо обновить CSS, чтобы прочитать URL-адреса изображений как:

.somediv {
  background-image: url(images/img1.png);
}

или если общая папка находится в другом месте, например:

/test
--/public
----/images
----/css

тогда попробуйте это:

.somediv {
  background-image: url(../images/img1.png);
}

РЕДАКТИРОВАТЬ 1

другими словами, вам нужно сделать относительный URL вместо /root/werwer/qwerwer/images

Answer 2

Я думаю, что лучшее решение - настроить структуры каталогов внутри вашего проекта так, чтобы они были согласованы на локальном компьютере, в среде разработки и в производственной среде.Чем больше каждая среда имитирует другую, тем лучше вы можете выполнять тестирование.