Изображение не загружается из моей системы с помощью CSS

0

Привет, я пытаюсь загрузить изображение из своей системы с помощью css, но localhost говорит: "Запрошенный ресурс() недоступен". Если я использую ссылку изображения с других сайтов, она работает.

(Я использую css из css-папки)

Мой код:

Html:

 <div id="trans">
 Some text
 </div>

CSS:

#trans {
     width: 180px;
     height: 180px;
     display: block;
     position: relative;
     border: 1px solid #000;
     margin: 20px auto;
     padding: 10px;
       }

#trans:after {
     background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/owl1.jpg);/*If i am using local host path image is not loading*/
     opacity: 0.25;
     width: 200px;
     height: 200px;
     top: 0;
     left: 0;
     position: absolute;
     z-index: -1;
     content: "";
     }

путь изображения в моей системе: C:\Users\some\Documents\NetBeansProjects\some\web\images\trans.jpg

  • 0
    Какой локальный путь вы пытаетесь использовать?
Теги:
image
transparency

1 ответ

3
Лучший ответ

Ваш путь к образцу должен быть относительно локального хоста или страницы, на которой вы сейчас находитесь. Я предполагаю, что это будет что-то вроде url(/images/trans.jpg) или url(../images/trans.jpg). Веб-браузерам не разрешается напрямую обращаться к файловой системе.

  • 0
    URL (../ images / trans.jpg) работает на меня
  • 0
    Ваш CSS хранится в папке над индексом, где он выполняется. Таким образом, вам нужно сделать резервную копию этого каталога, чтобы перейти к images , поэтому вам нужно ../ . Полный URI должен работать просто отлично, но не тогда, когда контент SSL.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню