将PHP添加到背景图片网址

时间:2019-02-01 23:57:45

标签: php css background-image

这是我到目前为止的内容,但是没有用。这是我的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

4 个答案:

答案 0 :(得分: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
  }

答案 1 :(得分:1)

问题在于背景图片的网址周围有双引号。 url(后的双引号将style的一部分括起来。因此,您应该在url(...)括号内使用转义引号:

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

答案 2 :(得分:0)

在此处使用双引号...

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

enter image description here

答案 3 :(得分:0)

感谢大家的贡献

我自己有这个

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

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