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