我需要将背景图像设置为回显 <div>答案

【问题标题】：I need to set background image to echoed <div>我需要将背景图像设置为回显 <div>
【发布时间】：2017-05-17 15:13:20
【问题描述】：

将背景图像发布到回显的 div，我从数据库中获取我想用于特定 div 的图像名称，但是当我尝试将文件路径设置为背景图像时，如您在下面的代码中看到的那样，它不起作用，我也试过了 style='background-image: url('<?php echo $imageLocation; ?>')'。

所以它与 div 相呼应，但他的背景没有改变，我在用作文件路径的文件夹中有正确的图像。我会很感激帮助，

if (mysqli_num_rows($res) > 0) {
    while ($row = mysqli_fetch_assoc($res)) {   
        $img = $row['img'];
        define ('SITE_ROOT', $_SERVER['DOCUMENT_ROOT']);
        $imageLocation = SITE_ROOT."images/articlePics/$img";
        $posts .= "<div  class='newArticle' style='background-image: url('$imageLocation')'></div>";
    }
    echo $posts;
}

【问题讨论】：

我也尝试在 url 括号中使用 php 回显 $imageLocation，但没有成功。
除非$posts尚未定义，否则您需要删除$posts .= "<div.....中的点，或在其上方添加$posts = "";。
我已经定义了它，如果这是一个问题，它甚至不会发布 div...;)
我在下面发布了我的答案。
自此评论以来大约 1/2 小时前，我发布了我的答案，并对其进行了一些编辑。我不确定你是否看到它，但我还没有收到你的消息。如果这仍然使您失败，并且正如我在回答中所述，您可能在某处有错误；检查他们。我无法添加任何内容。

标签： php html sql styles echo

【解决方案1】：

要么删除变量周围的引号：

url('$imageLocation')
    ^              ^

所以它读作：

url($imageLocation)

或使用转义的双引号：

url(\"$imageLocation\")

旁注：不要在没有转义双引号的情况下使用url("$imageLocation")，因为这会引发解析错误。

两者都可以。但是，我会选择后者，因为应该使用转义双引号。

https://developer.mozilla.org/en/docs/Web/CSS/background-image 的示例

background-image: url("http://www.example.com/bck.png");

查看 HTML 源代码后，会显示“属性之间没有空格”消息。

如果仍然失败，您可能在某处出现语法错误。

参考资料：

“我也试过style='background-image: url('<?php echo $imageLocation; ?>')'”

如果你在 echo 中尝试过，那会引发解析错误；因为你已经在 PHP 中了。

如果它在 PHP 之外，那么以下内容也可以：

<?php 
// ...
?>
<body>
    <div style='background-image: url("<?php echo $imageLocation;?>")'></div>
</body>

但是，由于该 div 中没有任何内容，因此它不会真正向您显示任何内容。如果您查看 HTML 源代码，您会发现图像源实际上就在那里。如果不是，再次；你可能在某个地方有错误。

所以你可以用一些文本来测试它，例如：

<?php 
// ...
?>
<body>
    <div style='background-image: url("<?php echo $imageLocation;?>")'>Some text</div>
</body>

或：

<body>
<?php 
$article = "Your article";
?>
<div style='background-image: url("<?php echo $imageLocation;?>")'>
<?php echo $article;?>
</div>
</body>

【讨论】：