将 PHP 添加到背景图像 url

Question

这是我目前所拥有的，但它不起作用。这是我的 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'].'" );"> '; 
  }
?>

这个PHPecho不行。

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

Answer 1

由于您尝试在内联 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
  }

Answer 2

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

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

Answer 3

这里使用双引号...

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

enter image description here

Answer 4

感谢大家的贡献

我自己得到的

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

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

将 PHP 添加到背景图像 url

Adding PHP to background-image url

css

php

background-image