小编Rom*_*nov的帖子

我正在开展一个项目,我需要在背景图像的特定部分放置视频剪辑(视频应始终位于手机屏幕的顶部).背景是响应并不断变化.如何确保包含视频的视频始终位于相同的相对位置？

CSS:

.main{
background-image: url("../images/moshe.jpg"); 
background-attachment:fixed;
background-position: center center;
background-size: cover;
height: auto;
left: 0;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
width: auto;
}
.overlay{
position:fixed;
position: absolute;
top: 30%;
left: 30%;

}

HTML:

 <!-- video -->
    <div class="embed-responsive embed-responsive-16by9 overlay">
    <video muted autoplay loop class="embed-responsive-item" width="100">
     <source src="images/time.mp4" type=video/mp4>
    </video>
    </div>

background: no-repeat center center; 和 和有什么区别background-size: cover;？

两者都实现了与我网站上的背景图像基本相同的效果。据我所知，结果没有什么区别。