ссылка возвращает 404 для изображений, но прямая ссылка на ресурс загружается нормально - PullRequest
1 голос
/ 09 октября 2019

На веб-странице, которую я создаю, несколько изображений возвращают 404 ошибки, но прямая ссылка на изображения загружает их нормально. Тот же путь к файлу. Разрешения для изображений 755, так что это не должно быть проблемой.

Я ссылаюсь на них во встроенном CSS, который я исправлю, но вот так:

<div class="swiper-slide" style="background-image: url(t.jpg;" data-year="2012">

и изображение https://irfandesign.com/t.jpg загружается нормально. живую версию сайта можно найти по адресу https://irfandesign.com/dev.html

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

Ответы [ 3 ]

1 голос
/ 09 октября 2019

Вы только что получили очень маленькую (но очень грязную) синтаксическую ошибку. Ваш браузер пытается исправить это, закрыв то, что вы забыли, но в итоге он ищет изображение с именем t.jpg;.

Помните, url() - это функция CSS, поэтому:

selector {
   background: url('..............');
/*  if you open --^                ^---- you must close        */
}

Ваш атрибут style имеет следующее значение:

background-image: url(t.jpg;
/* it opens ---------^     ^---- but never closes... */

Итак, ваш умный (но не очень) браузер пытается закрыть его для вас, вызывая его завершениекак:

background-image: url(t.jpg;);
/*                          ^---- your browser trying to close it */

Вот как должна выглядеть ваша собственность:

body { /* <-- Use your own selector */
  background-image: url('https://irfandesign.com/t.jpg');
  background-size: cover;
}

Игнорировать свойство background-size, оно только для визуализации.

0 голосов
/ 09 октября 2019

Если вы внимательно посмотрите на URL для изображений, которые он ищет https: //.../t.jpg;

0 голосов
/ 09 октября 2019

Удалить ; в конце имени изображения t.jpg; до t.jpg

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...