Question

您好我正在尝试使用css从我的系统加载图像，但localhost说＆＃34;请求的资源（）不可用＆＃34;。如果我使用其他网站的图片链接，那就可以了。

（我正在使用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 \ someone \ web \ images \ trans.jpg

Answer 1

您的图片路径需要相对于localhost或您当前所在的页面。我猜它会像url(/images/trans.jpg)或url(../images/trans.jpg)。不允许Web浏览器直接访问文件系统。

我没有使用css从我的系统加载图像

1 个答案: