php 回显中的背景图像 url

Question

所以我在 PHP 网站上使用 bootstrap css。出于某种原因，我可以使用相同的位置获得 img src 来打印得很好。但是当我需要使用背景图像时，图像不会显示。我不知道为什么。这是我试图显示标准 bootstrap 代码的部分。

//<!-- Wrapper for slides -->
      echo '<div class="carousel-inner">';
      echo '<div class="item active">';
      echo '<div class="fill" style="background-image:url("http://placehold.it/1900x1080&text=Slide One");"></div>';
      echo '<div class="carousel-caption">';
      echo '<h2>Caption 1</h2>';
      echo '</div>';
      echo '</div>';
      echo '<div class="item">';
      echo '<div class="fill" style="background-image:url("http://placehold.it/1900x1080&text=Slide Two");"></div>';
      echo '<div class="carousel-caption">';
      echo '<h2>Caption 2</h2>';
      echo '</div>';
      echo '</div>';
      echo '<div class="item">';
      echo '<div class="fill" style="background-image:url("http://placehold.it/1900x1080&text=Slide Three");"></div>';
      echo '<div class="carousel-caption">';
      echo '<h2>Caption 3</h2>';
      echo '</div>';
      echo '</div>';
      echo '</div>';

填充css是这样的：

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

当我将其放入普通 html 文件时，它工作正常。但是，我正在使用 php 和自动加载，因此需要使用 echo 语句打印出 html 部分。我不知道为什么这不显示图像。有什么想法吗？

Answer 1

你的引述自相矛盾。

尝试echo '<div class="fill" style="background-image:url(\'http://placehold.it/1900x1080&text=Slide One\');"></div>';

Answer 2

CSS 看起来不错，一定是 CORS 问题。假设您在您的网站上使用 https，您的网址也需要是 https。或者你可以只删除协议并让 url 以“//”开头，然后它会自动加载你的页面加载的协议。

此外，使用 heredocs，回声堆栈令人讨厌。

echo <<<HTM
your
html
goes here
HTM;

php 回显中的背景图像 url

Background-image url in php echo

css

php

background-image

twitter-bootstrap

twitter-bootstrap-3