0

我毫无疑问。我只是想开发自己的画廊，但我一开始就失败了：在<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>

我已经想到路径格式错误，尽管我在其他一切正常的项目上使用相同的文件路径。甚至显示与 a 相同的图片background-image; div-tag) 很搞笑，不是吗？

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

4

3 回答 3

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()是对 URL 进行编码的方式，但在这种情况下，所有的正斜杠都会被转换。)

于 2013-08-25T16:49:15.243 回答
0

我的路径包含空格。刚刚删除它们，它的工作！

于 2013-08-25T16:48:45.550 回答
0 
style=" background-image:url(<?php echo get_template_directory_uri(); ?>/image/project1.png);

在路径之前写下这段代码<?php echo get_template_directory_uri(); ?>/

于 2016-10-23T08:23:12.040 回答