在相机上上添加cover-view，会出现黑色的线，是怎么回事？

我在相机上添加两个cover-view时，将上下两个cover-view分别设置高度的50%，为什么中间会有一条黑色的线呢？

wxss是这样写的的：

.header{

display: flex;

flex-direction: row;

justify-content: space-between;

align-items: center;

width: 100%;

height:50%;

background:transparent;

background-color: rgba(0, 0, 0,0.5);

}

.bottom{

width: 100%;

height:50%;

background-color: rgba(0, 0, 0, 0.5);

}