Как я могу получить изображение в img-файле в решении [duplicate]

Программирование на интерфейсы является удивительным, оно способствует ослаблению связи. Как упоминал @lassevk, очень важно использовать Inversion of Control.

Кроме того, ознакомьтесь с принципами SOLID. здесь представляет собой серию видео

. Он проходит через жесткий кодированный (сильно связанный пример), затем просматривает интерфейсы, и, наконец, переходит к инструменту IoC / DI (NInject)

84
задан TylerH 26 August 2015 в 18:53
поделиться

4 ответа

Используйте .. для указания родительского каталога:

background-image: url('../images/bg.png');
150
ответ дан lonesomeday 20 August 2018 в 20:39
поделиться
  • 1
    Я читал это в другом месте, но это не работает! (по крайней мере, в Chrome) – aateeque 26 January 2011 в 23:44
  • 2
    Оно делает. Однако учтите, что местоположение относится к местоположению файла CSS, а не к документу, встраивающему файл CSS. – ThiefMaster♦ 26 January 2011 в 23:45
  • 3
    Ага! Правильно. Это сработало. ура – aateeque 26 January 2011 в 23:49
  • 4
    @ThiefMaster Это должно быть, если мы используем только встроенный CSS – 1000Gbps 2 October 2017 в 19:59

В Chrome при загрузке веб-сайта с какого-либо HTTP-сервера используются как абсолютные пути (например, '/ images / sth.png' ), так и относительные пути к некоторому каталогу верхнего уровня (например, '. ./images/sth.png').

Но!

Когда вы загружаете (в Chrome!) документ HTML из локальной файловой системы, вы не можете получить доступ к каталогам выше Текущий каталог. То есть вы не можете получить доступ к '../ something / something.sth' и изменить относительный путь к абсолюту или чему-либо еще не поможете.

8
ответ дан jaboja 20 August 2018 в 20:39
поделиться
  • 1
    При повторной проверке я могу сообщить, что относительные пути локальной файловой системы с помощью ../ работают нормально - или, по крайней мере, отлично работают в этом конкретном случае! – aateeque 27 January 2011 в 00:00
  • 2
    Он работает на linux и windows, а не на mac (мой опыт) – gabn88 13 February 2016 в 15:38
  • 3
    Для ссылок он отлично работает – Ajay 24 December 2017 в 00:26
  • 4
    Ссылки здесь не учитываются, поскольку для них нет такой же проверки происхождения. Также этот ответ составляет 6 лет, поэтому браузеры, возможно, сильно изменились. – jaboja 24 December 2017 в 00:28
  • 5
    Я просто подтверждаю, что кто-либо еще просматривает ответ – Ajay 24 December 2017 в 00:30

Вот все, что вам нужно знать об относительных путях файлов:

Начиная с «/» возвращается в корневой каталог и начинается там

Начиная с «../» ходов один каталог назад и начинается там

Начиная с «../../» перемещает две директории назад и начинается там (и так далее ...)

Чтобы двигаться вперед, просто начните с первого подкаталога и продолжайте двигаться вперед.

Нажмите здесь для более подробной информации!

26
ответ дан S.Akruwala 20 August 2018 в 20:39
поделиться

Используйте ../:

background-image: url('../images/bg.png');

Вы можете использовать это как можно чаще, например. ../../images/ или даже в разных положениях, например. ../images/../images/../images/ (конечно же, ../images/)

47
ответ дан ThiefMaster 20 August 2018 в 20:39
поделиться