Question

我很擅长。我只是想开发自己的画廊，但后来我已经失败了：在<div>中将图像显示为背景。我已将我的代码颠倒过来，搜索网页，搜索stackoverflow，但我无法解决问题。

这是我的代码：

HTML / PHP

<div class="imageholder" style="background-image:url(<?php echo $picture->thumbPath; ?>);"></div>

CSS

.imageholder {
        width: 150px;
        height: 150px;
        float: left;
        background-size: fill;
        background-position: 50% 50%;
        background-repeat:no-repeat;
}

我正在遍历$picture-objects数组。每个对象的'拇指图像都有thumbPath。路径是正确的。多次检查。

这是Firebug的输出：

<div class="imageholder" style="background-image:url(./users/basti/img/20130825155015-tb-From Peth to Darwin/thumb/20130825155015-tb-DSC_0316_REZ.jpg);"></div>

我已经考虑过格式错误的路径，尽管我在其他项目中使用相同的文件路径。甚至显示与background-image的{{1}}相同的图片;）热闹，不是吗？

你知道我的代码有什么问题吗？谢谢！

Answer 1

您的图片路径中似乎有一些空格字符，请尝试将您的路径放在引号中：

url('./users/basti/img/20130825155015-tb-From Peth to Darwin/thumb/20130825155015-tb-DSC_0316_REZ.jpg');

作为替代方案，您可以将空格转换为%20，只需str_replace()：

background-image:url(<?php echo str_replace(' ', '%20', $picture->thumbPath) ?>);

（rawurlencode()是对网址进行编码的方式，但在这种情况下，所有正斜杠都将被转换。）

Answer 2

我的路径包含空格。刚删除它们就可以了！

Answer 3

style=" background-image:url(<?php echo get_template_directory_uri(); ?>/image/project1.png);

在路径<?php echo get_template_directory_uri(); ?>/

之前编写此代码

<div> -tag中的背景图像未显示</div>

3 个答案: