求助!html在里面添加背景图片代码,显示模糊,怎么搞?

求助!html在里面添加背景图片代码,显示模糊,怎么搞?,第1张

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

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7549021.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存