Question

每当我做背景尺寸时：覆盖它覆盖整个屏幕，这很好但是它留下一个白色的底部是否有任何解决方案？

<form action="Your route">
@foreach ($allquestion as $indexKey => $all )
         <tr>
           <th>{{$indexKey+1}}</th>
           <th>{{substr($all->question,0,20)}} {{ strlen($all->question)>20
            ? "..." : ""}}</th>
           <td>{{$all->option1}}</td>
           <td>{{$all->option2}}</td>
           <td>{{$all->option3}}</td>
           <td>{{$all->option4}}</td>
           <td>{{$all->answer}}</td>

           <td>
              <div class="form-check">
                <input class="form-check-input big-checkbox" name="present[]" type="checkbox" value="{{$all->id}}" id="defaultCheck1">
             </div>
          </td>

         </tr>  
@endforeach
<button type="submit" class="btn btn-primary save">Submit</button>
</form>

Answer 1

你必须放height 所以：

body {  
    background-image:url("maxresdefault.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    height: 100%;
}

Answer 2

可能会有一些事情导致这种情况发生，我建议为它做一个掠夺者。

我猜这些选项：如果某种标签底部有一个边距（如h1或p），请将其放在margin: 0;。

尝试：

body {
background-image:url("maxresdefault.jpg");
background-size:cover;
background-repeat:no-repeat;
margin: 0;
}

尝试像上面建议的那样设置高度。

背景大小白色底部

2 个答案: