Что делать если background image не работает

работал для меня.

вы должны использовать относительный путь в URL-адресе. Я думаю, вы сделали две папки в корневом каталоге, где ваш индекс.html находится. Есть папки CSS’ & другой папке ИМГ’.

теперь, если вам нужно получить доступ к папке » img » в css-файлах. Поэтому вам нужно вернуться один раз в корневой каталог, используя «../» синтаксис. Затем перейдите в папку «img», используя «..синтаксис /ИМГ». Затем напишите имя изображения «../ img / debut_dark.формат PNG.»

Я использую встроенный CSS на локальном компьютере. Я положил атом.jpg-файл в той же папке, что и мой html-файл, тогда этот код работал:

Ну, я понял, что этот атрибут отображает изображение, когда в нем указано полное местоположение. Я просто загрузил это изображение на свой сервер и связал местоположение этого изображения в фоновом режиме-image:url(«xxxxx.xxx»); атрибут, и он, наконец, работал, но если у вас, ребята, нет сервера, попробуйте ввести полное местоположение изображения в атрибуте, перейдя в свойство этого изображения. Хотя я использовал этот атрибут в теге HTML-файла, но он наверняка работает на CSS-файле тоже. Если этот метод не сработал, попробуйте загрузить изображение в интернете, например, behance, facebook,instagram и т. д., проверить изображение и скопировать его в атрибут.. Надеюсь, это сработает

У меня была та же проблема, после того, как я удалил часть повтора 0 0, это решило мою проблему.

всегда хорошо иметь эти дополнительные свойства, кроме

background-image: url (‘path’) no-repeat 0 0;

установить размерность элемента

• Это свойство помогает поместить изображение в указанное выше измерение, которое вы определяете для элемента.

в основном проблема заключается в пути к файлу. Косая черта в начале url-адреса заставляет его искать файл в корне. Удаление этого, это будет путь относительно этого файла css-как это: background-image: url(img/debut_dark.png);

Если вы используете Atom, копирование пути проекта изображения иногда включает косую черту в скопированном пути, поэтому будьте осторожны.

Источник

background-image не работает с локальными изображениями?

Я попробовал все, чтобы фоновое изображение отображалось с моими локальными изображениями. Я знаю, что у меня правильное местоположение изображения. потому что если я использую контент: url (); оно работает.

Фоновое изображение также работает с URL-адресом изображения из Интернета. Но он не будет отображаться с моим локальным изображением. Я перепробовал все возможные места, и он не будет отображаться.

моя папка с изображениями находится по тому же пути, что и моя папка css.

Ниже приведен HTML-код:

и теперь CSS: enter code here

Прежде чем кто-либо пометит этот повторный вопрос, я искал все ответы на этот вопрос в StackOverFlow и следовал всем советам, но все еще не могу получить изображение для рендеринга. Я знаю, что картинка находится в правильном месте, потому что с Chrome и контентом: url (); изображение работает. Есть предложения?

5 ответов

Вы пропустили свои «» цитаты

С

попробовать,

Кроме того,

• Изображение находится в том же каталоге, что и файл, на который оно ссылается?
• Изображение находится в каталоге ниже ?
• Изображение находится в каталоге над ?

Под «ниже» и «выше» я подразумеваю подкаталоги и родительские каталоги. Относительные пути к файлам дают нам возможность путешествовать в обоих направлениях. Взгляните на мой примитивный пример:

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

• Начиная с «/» возвращается в корневой каталог и начинается там
• Начиная с «../», перемещается на один каталог назад и начинается там
• Начиная с «../../», перемещает две директории назад и начинает там (и так далее . )
• Чтобы двигаться вперед, просто начните с первого подкаталога и продолжайте двигаться вперед

Я использовал background вместо background-image и работает нормально. и предполагается, что pic находится в той же папке, что и ваш html.

РЕДАКТИРОВАТЬ: упущено из виду, что путь к файлу для URL не был в двойных кавычках.

Попробуйте и посмотрите, работает ли это.

Ваша единственная проблема заключалась в том, как вы написали background-image

Источник

CSS background-image не загружается, похоже, изображение не найдено

Я делаю персональный сайт, и мое CSS-изображение не работает. Ссылка на сайт есть http://distorts.me/new/ кажется, что оно не находит изображение, потому что оно не загружается, это просто белая область. (Извините за неправильную пунктуацию не очень грамотно) Я использую хром.

Решение

Когда код верен, наиболее вероятная проблема — кеширование. Некоторые серверы веб-хостинга имеют предварительную конфигурацию кэширования, и, поскольку вы используете PHP, вы можете просто отправлять заголовки PHP, которые предотвращают кэширование — добавьте эти строки в самый верх header.php :

Еще один трюк, который можно использовать, это timestamping / querystring — этот подход в основном заставляет браузер перезагружать файл, так как его URL отличается от того, что он загружал ранее. Естественно, мы добавляем переменную времени (потому что время постоянно меняется). Другие разработчики используют этот метод, добавляя запрос версии, но это требует дополнительного обслуживания.

Добавление метки времени файла с помощью PHP:

Выход

Пример версии файла

Также имейте в виду, что фоновые пути CSS относятся к самому файлу CSS, а не к HTML-документу. Ссылки в HTML относятся к HTML-документу, ссылки в CSS — к CSS-файлу. Таким образом, правильный способ ссылки на ваше изображение заключается в следующем:

Другие решения

Попробуйте изменить фоновый URL на background src:

Работает нормально на Chrome. Попробуйте изменить фоновую ссылку на:

И поместите этот образ на этот сервер, а не указывайте полный путь.

Источник