用css强制图像全宽

Question

我尝试了很多方法来强制我的图像全宽，但它不能

你可以看到我的箭头和我的HTML和CSS代码：

 <div class="homeContentWrapper">
           <!-- WELCOME BOX-->
          <div class="imgBghome">
            <img class="bgCau" src="images/cau.jpg">
         </div>
</div>

和我的css

.homeContentWrapper{
     position: relative;
     height: 726px; 
     width: 100%;
     z-index:0;
}

.imgBghome{
    position:relative;
    overflow:hidden;
    height:100%;
    width:100%;
    right:0;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:0;  
}

请给我建议

谢谢你！

Answer 1

您可以尝试以下代码：

body{margin:0;}

Answer 2

您可以将图像设置为正文的背景。这是一种设置背景的简洁方法，您将不使用HTML元素。

body {
    background-image : url("images/cau.jpg");
    background-size  : cover;
}