在此 SSCCE 中，我使用了两个 div，其中 background-image 的值指向同一图像，但使用不同的路径。图像未显示在第二个 div 中。
第二个 div 演示了我真实代码中的问题。 URL 的 C:/xampp/htdocs 部分是动态出现的，我使用 PHP 将其附加到路径的其余部分，URL 的其余部分始终保持不变。
如您所见，我在开发期间使用本地 XAMPP 服务器，但未显示此图像。
当我复制粘贴此路径时，即 C:/xampp/htdocs/Tests/Test44/index.png，在 Chrome 的地址栏中，它会将其更改为 file :///C:/xampp/htdocs/Tests/Test44/index.png，并显示图片。
我该怎么做才能解决这个问题？
标记:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta charset="utf8" />
<link type="text/css" rel="stylesheet" href="index.css" />
</head>
<body>
<div class="the-div" style="background-image:url(index.png); background-repeat:no-repeat; background-position:center center;">Instagram</div>
<div class="another" style="background-image:url(C:/xampp/htdocs/Tests/Test44/index.png); background-position:center center; background-repeat:no-repeat;">Twitter</div>
</body>
CSS:
body {
background-color:black;
}
div {
font: 0px/0 a;
border: coral 5px solid;
margin:5px;
height:150px;
width:150px;
}
最佳答案
关于php - 当在地址栏中输入路径时，浏览器会打开图像，但不会将其显示为背景图像。为什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33647622/