将 PHP 添加到背景图像 url答案

【问题标题】：Adding PHP to background-image url将 PHP 添加到背景图像 url
【发布时间】：2022-01-03 01:30:33
【问题描述】：

这是我到目前为止所拥有的，但它不起作用。这是我的 CSS：

background-image: url("upload/blog/'.$row["urlImg"].'");

这里是完整的代码：

<?php 
  $stmt = $db->query
  ( 'SELECT blog.postID, blog.postTitle, blog.postSlug, blog.postDesc, blog.urlImg, blog.postTags, blog.postDate
     FROM blog, blog_post_cats
     WHERE blog.postID = blog_post_cats.postID AND blog_post_cats.catID = 4 ORDER BY postID DESC LIMIT 1'
  ); 
  while($row = $stmt->fetch())
  {
    echo '<article style="background-image: url(upload/blog/'.$row['urlImg'].'" );"> '; 
  }
?>

这个 PHP echo 不起作用。

clicke to view output screenshot ,the blank space is the error ,others are url images

【问题讨论】：

您忘记添加代码了吗？？？？请edit您的问题。
我认为问题在于不正确地转义引号。
您需要编辑您的问题以显示您如何获得$row["urlImg"] 如果它返回空白，那么查询（假设因为您使用$row）可能返回空白或者您可能正在获取它错了
第一个代码 sn-p 和“完整”代码彼此不同。不清楚是什么。
你能告诉我们html“不起作用”时显示在输出上吗

标签： php css background-image

【解决方案1】：

问题在于背景图像的 URL 周围的双引号。 url( 之后的双引号关闭了它所属的 style 属性。所以你应该在url(...)括号内使用转义引号：

echo '<article class="latestPost excerpt big-1" style="background-image: url(\"upload/blog/'.$row["urlImg"].'\");"> ';

【讨论】：

【解决方案2】：

由于您尝试在内联 CSS 中使用双引号，实际上您正在关闭 HTML 属性 style="background-image: url("。在这种嵌套引号的情况下使用单引号。而不是转义单引号 echo 字符串中的单引号，只需关闭 <?php ?> 标记并编写纯 HTML。

<?php
  while($row = $stmt->fetch())
  {
?>
    <article class="latestPost excerpt big-1" style="background-image: url('upload/blog/<?php echo $row["urlImg"];?>');">

    </article>
<?php
  }

【讨论】：

我不能仅仅因为代码在查询中运行<?php $stmt = $db->query(' SELECT blog.postID, blog.postTitle, blog.postSlug, blog.postDesc, blog.urlImg, blog.postTags, blog.postDate FROM blog, blog_post_cats WHERE blog.postID = blog_post_cats.postID AND blog_post_cats.catID = 4 ORDER BY postID DESC LIMIT 1 '); while($row = $stmt->fetch()){ echo '<article style="background-image: url(upload/blog/'.$row['urlImg'].'");"> '; ?>
有什么问题？您几乎可以在任何地方关闭和重新打开 PHP 标记。

【解决方案3】：

这里使用双引号...

     echo '<article style="background-image: url(upload/blog/'.$row["urlImg"].'");"> ';

enter image description here

【讨论】：

【解决方案4】：

感谢大家的贡献

我自己弄的

我刚刚添加了我的网址@https://mywebsite.com/upload/blog/...

 echo '<article style="background-image: url(https://mywebsite.com/upload/blog/'.$row["urlImg"].'");"> ';

【讨论】：