我在网站上工作,在完成样式后,我想从服务器端开始。起初它是“index.html”,然后扩展名更改为“index.php”。
我加载了XAMPP并开始运行该网站,其中一张图片无法显示。该图像实际上是DIV(Bootstrap Jumbotron)的背景图像。然后我将文件扩展名更改回.html,图像显示成功。然后再回到.php,图像无法显示。
然后我尝试使用同一文件夹中的不同图像(扩展名为.php),它实际上有效。除了这一个无法显示的图像外,所有其他图像都有效。
以下是背景图片的CSS:
/* Does not work */
.jumbotron_image
{
background-image: url('../Images/lonely%20android.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* Works successfully with a different image */
.jumbotron_image
{
background-image: url('../Images/normal%20android.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
这真的很奇怪,我不知道是什么导致它。我认为错误在于图像本身,因为所有其他图像都有效。欢迎任何想法。