我试图为图库的图像预览设置背景图像,但没有显示任何内容。我正在使用:
echo '<div class="prev" style="background-image:url(' . $image . ')"></div>';
此外,上课是:
.prev {
width:120px;
height:90px;
background-size:cover;
background-position:center;
}
$image
变量没问题,我回复它进行测试,当我把相同的url(这个echo)放在一个不是由php编写的div中时,图像显示得很完美。
感谢。
答案 0 :(得分:1)
url
需要在引号之间
echo '<div class="prev" style="background-image:url(\'' '. $image . '\');"></div>';
答案 1 :(得分:1)
我是对的:
echo '<div class="prev" style="background-image:url(' . $image . ')"></div>';
完美的工作,问题是文件夹名称(从我获取$ image变量),这个文件夹包含一个空格,PHP glob函数完美地读取带有空格的目录,所以当我回显它时,我得到类似的东西:
images/name containing space/any_image.jpg
但CSS需要没有这些空格的URL,需要用%20替换空格。
感谢您的专业知识!