php回声中的背景图像网址

时间:2015-11-09 20:58:07

标签: php css twitter-bootstrap twitter-bootstrap-3 background-image

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

//<!-- 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部分。我不知道为什么这不显示图像。有什么想法吗?

2 个答案:

答案 0 :(得分:2)

您的报价有冲突。

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

答案 1 :(得分:0)

CSS看起来不错,必须是CORS问题。假设您在自己的网站上使用https,则您的网址也必须为https。或者您可以删除协议并让URL以“//”开头,然后它会自动加载您的页面加载的任何协议。

另外,使用heredocs,那堆回声很讨厌。

sed: -e expression #1, char 9: unterminated address regex