用PHP写css背景不起作用吗?

时间:2016-01-10 16:14:42

标签: php css

我试图为图库的图像预览设置背景图像,但没有显示任何内容。我正在使用:

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中时,图像显示得很完美。

感谢。

2 个答案:

答案 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替换空格。

感谢您的专业知识!