背景图像未显示在部分中

时间:2015-08-12 15:11:20

标签: html css

当我使用以下代码时,背景图像没有显示是否有任何显示背景图像的先决条件?

<section class="starter"></section>


 .starter
    {
     background-image:url("Assets/Images/Section.jpg");
     background-size: cover;
     background-repeat:repeat-x;
     width:100%;
     height: 100px;
     top:0px;
     left:0px;
    }

1 个答案:

答案 0 :(得分:-1)

以下是您的代码的小提琴: http://jsfiddle.net/xywzx4uv/ (注意:我使用了另一张图片并删除了损坏的评论)

 .starter
{
 background-image:url("http://lorempixel.com/output/nature-q-c-1244-102-1.jpg");
 background-size: cover;
 background-repeat:repeat-x;
 width:100%;
 height: 100px;
 top:0px;
 left:0px;
}

它按预期工作,因此图像路径必定存在错误。