PHP/CSS:div的背景存在，但不可见

编辑以添加：以下是链接：

在PHP文件中，我使用以下行（包含在while循环中）生成一系列以图像为背景的div：

echo'
';

我注意到，正如您在上面的代码行中所看到的，我没有使用background image属性，而是使用background属性。此外，div从样式表中获得固定的宽度和高度

这些都是缩略图，所以-在Lightbox2插件的帮助下-我做了这样的设置，当你点击其中一个div时，会打开一个lightbox，显示相同的图像（即缩略图div中使用的相同jpg文件），但更大。[我知道，就加载时间而言，将同一图像文件用作缩略图和大图可能不是一个好主意，但这与此处无关。]

大多数情况下都能正常工作：

• div的高度和宽度正确，并且可以单击
• 当我单击缩略图div时，会打开一个灯光窗口，正确显示用作该div背景的相同图像文件

然而，问题是缩略图本身（用作背景的图像）不可见。这些文件显然位置正确（否则lightbox也不会显示它们），您可以单击它们以查看lightbox中的图像，但看不到任何缩略图

因此，我得到的是一个大的白色页面，有许多小的白色可点击区域（缩略图div），只有当你点击时，你才能真正看到一个图像（即在lightbox中）

同样奇怪的是，同样的构造在我以前使用的服务器上运行时没有出现问题。在新服务器上，缩略图是简单的不可见的

因此，问题是：为什么女主角的背景是隐形的

---

感谢您的回复。

只需在URL中使用单引号

'

---

background:url（'/wp content/gallery/Fotos_van_vroeger/Speeltuin De Vaan ZW_0003.jpg'）不重复50%50%您有一些重复的属性。。。你缺少了一些引语。
尝试将代码更改为以下内容（未测试）：

$imagePath=$directory.'/'.$file；
回声'
';
对于以下类，您确实拥有图像，并且其路径也是正确的：

.kader-div1 {}

下面的类位于上面的类中，并且具有白色背景，只需从下面的类中删除背景色即可

.kader-div2 {}

这将帮助您显示背景，顺便说一句，当您删除白色背景时，请小心该类在css文件中创建了不止一次。请从同一类的多个代码段中删除它，您能否提供一个演示链接，如JSFIDLE，以帮助我们了解您试图清理浏览器缓存的内容。@Mustafa elhelbawy:这是链接：（我也会把它放在问题中。）@Andreas:谢谢，但这似乎没有帮助。请将生成的HTML放在问题中并创建一个链接。很难看到代码片段中出现了什么错误，因为我们无法看到PHP代码的输出。基于PHP代码，在页面中也很难找到正确的代码片段。谢谢，我会再看一遍。如果这真的是一个缺少引用的问题，那就太傻了事实上，我认为这行代码是正确的，因为它在另一台服务器上工作没有问题。另外，我稍微简化了问题中的代码（这样做不会使事情变得比必要的更复杂），我希望我没有犯错误。在任何情况下，我都会再看一看这行代码的语法正确性。是的，这只是关于引号和一些重复的属性。你有没有重复和50%的背景50%，然后你有另一个属性背景重复，背景位置。如果要使用这两个属性，需要将第一个属性更改为背景图像，并删除“禁止重复50%50%部分”。你不能把它们结合起来：）顺便说一句，我不是那个否决你的人。谢谢，我会尽快看的。没问题，可以问更多：）好的，所以我本来有这个：echo'但是，也许我可以把更小的字符串串在一起，我会看看。谢谢！我将问一个关于Firefox Inspector工具删除部分URL字符串的单独问题。
.kader-div1 {}

.kader-div2 {}