css - 为什么背景图片不显示？

Question

我的html代码如下所示:

<div class="content-wrapper">
  <div class="center">
    <h1>heading</h1>
  </div>
  <div class="lr">
    <p> paragraph </p>
  </div>
</div>

.css 中的内容包装部分如下:

.content-wrapper{ 
    background-image: url(/picture.jpg);  
    background-position: center center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover;
}

我无法获取文本背后的背景图像。 我不想通过直接正文标签设置背景图像。 我被困在这里了。 请帮忙。 谢谢

Answer 1

这是你所期望的吗？ 如果是，那么您的代码似乎没问题。确保您的图片得到良好引用。

.content-wrapper{ 
    background-image: url("http://res.cloudinary.com/sayob/image/upload/v1526907328/483257_vwhhfw.jpg");  
    background-position: center center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover;
}

<div class="content-wrapper">
  <div class="center">
    <h1>heading</h1>
  </div>
  <div class="lr">
    <p> paragraph </p>
  </div>
</div>