HTML 中要设置背景的块大小 比如div 300px * 400px
那么背景图的最佳尺寸也是 300px 400px
然后设置 background: url(imgs/your.jpg) no-repeat center center
背景水平垂直居中,效果最佳
css样式background属性值详解
背景图无论是缩放还是扩展,都会失真变得模糊,所以尺寸最接近块的大小最好
图片模糊很正常,因为你拉伸了图片(而且还有可能改变了纵横比产生变形).而且,你这种方法也不是背景图,而是插入图片.
白边是因为body默认的内外补丁的关系,可以加一个样式解决
<style>
html, body { margin:0padding:0}
</style>
大概原理就是将视频的堆叠顺序即z-index设置小一点,可以设置为负值,然后将视频position设为fixed,宽高都设为100%即可,大概代码如下:
video{
position: fixed
right: 0px
bottom: 0px
min-width: 100%
min-height: 100%
height: auto
width: auto
/*加滤镜*/
/*filter: blur(15px)//背景模糊设置 */
/*-webkit-filter: grayscale(100%)*/
/*filter:grayscale(100%)//背景灰度设置*/
z-index:-11
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)