首页 > 解决方案 > 将 PHP 添加到背景图像 url

问题描述

这是我到目前为止所拥有的,但它不起作用。这是我的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不起作用。

点击查看输出截图,空格为错误,其他为url图片

标签: phpcssbackground-image

解决方案


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

推荐阅读