svg的背景色很奇怪，具体如下，截取部分代码

为什么我的svg图片会让网页最底层的颜色显示出来
就像这样

然后一部分js代码是这样的

           var bu=n;
            for(var d=0;d<3;d++)
            {
                boxs[bu+d].style.backgroundColor ='#8ac9ec';
                boxs[n+d].innerHTML='<div class=\"zbox\">'+(day+d)+'</div>'
                +'<img id=\"img1'+d+'\"alt=\"待选\" width=\"50%\"height=\"50px\" >'
                +'<div class=\"zboxd\">'
                +'<span class=\"zbox1\" id=\"zbox1'+d+'\"></span>'
                +'<span class=\"zbox2\"id=\"zbox2'+d+'\"></span>'
                +'</div>'
                +'<div><img  style=\"float:right\"id=\"img2'+d+'\"alt=\"待选\" width=\"50%\"height=\"40px\" >'
                +'</div>';
                
            }   
            boxs[n].style.backgroundColor ='deepskyblue';

css代码是这样的

```css
.line{display:flex;
    height:180px;
    width:100%;
    padding:0 5px 5px;
    justify-content:space-around;
    flex-wrap:nowrap;
}
.box {

    background-color: white;
    border: 3px solid gainsboro;
    color:dimgray;
    width:1000px;
    padding-left:10px;


}

```