Блог

Главная - Вопросы по программированию - URL-адрес, относящийся к корню, не работает в CSS

URL-адрес, относящийся к корню, не работает в CSS

#html #css #url

#HTML #css #url

Вопрос:

У меня есть приведенный ниже CSS 

 .div_img {

     width: 500px;
     height: 500px;
     background-image: url(/images/simple_img.png);
   }

В приведенном выше CSS есть относительный URL-адрес root, но он не работает. В этом div не отображается изображение. Пожалуйста, помогите мне, как установить корневой относительный URL-адрес в CSS?

Комментарии:

1. Вы подразумеваете, что абсолютная версия этого URL-адреса работает?

2. Проверьте в Developer tools Chrome и других связанных инструментах в другом браузере

3. Что сказал @bjan, Firebug для firefox, инструменты разработчика для Chrome и т. Д. Имеют вкладку «Сеть», Которая полезна для проверки загрузки ресурсов, например, правильности путей. Также использование этих инструментов для проверки вашего div позволит вам узнать, являются ли какие-либо другие классы или правила CSS чрезмерными .div_img .

Ответ №1:

Убедитесь, что:

  1. Изображение существует в этом месте
  2. Файл css отображается
  3. div class Для атрибута has установлено значение div_img
  4. background-image Свойство не переопределяется другой директивой css, которая имеет приоритет

Ответ №2:

Проверьте, есть ли у вас разрешение на это изображение. Если вы являетесь пользователем Linux, введите -R 777 /path/to/project/file

Комментарии:

1. 777 совершенно не нужен — это позволило бы получить доступ на запись всем пользователям на локальном компьютере. 664 было бы хорошо (владелец / группа R / W, другие R)