2至于图片模糊，应该是你加载的图片分辨率不够，或者你加载图片的元素和图片宽高比差距较大；4该方法是唯一一个所有浏览器都支持的方法，类似还有如下方法，但是只有在Chrome和Safari有效5代码如下6再次测试，效果如下7相比于input被挡住，突兀地出现在页面中间更加可以令人接受，但是多次测试，仍然存在问题。

这个FFF主要用了 的Greensock插件你去下载学习AS外加GSAP这个插件就可以做出来了或者你去搜索Greensock很多的中文教程，做出来的也很好看；出现这种情况发两种1UI背景图是有多套，针对1080P分辩率一套，2K一套4K一套8K一套，浏览器自适合显示器的分辨率来调整UI大小2UI背景图只有一套，针对不同的显示器浏览器自拉缩背景图拉伸后会有失真基于如。

html中背景图片虚化

1、1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

2、首先你设置的这些都是不对的，你要先检查的是你是不是设置了固定高，如果是，在控制台把固定高去掉查看效果，如果没有设置固定高，检查有没有边距合并问题，很有可能是受到边距合并的影响，或者检查父级有没有设置了。

3、背景图无论是缩放还是扩展，都会失真变得模糊，所以尺寸最接近块的大小最好。

4、图片模糊很正常，因为你拉伸了图片而且还有可能改变了纵横比产生变形而且，你这种方法也不是背景图，而是插入图片白边是因为body默认的内外补丁的关系，可以加一个样式解决 ltstyle html， body margin0 padding0。

5、背景图片是多大呢，是太大了没加载好吗你用wex5打包的时候需要勾上ui资源的，还有你的页面制作是移动端的吗。

6、不光绘制图片，在高分屏下，绘制文字和线条都会出现模糊的现象，GitHub上有一个hidpicanvaspolyfill可以很好的解决这个问题，但是没有对图片进行处理如果你了解了原因，解决这个问题也很容易\x0d\x0a首先，引入上方这个。

7、可以使用CSS3滤镜，可以为图片加上变色亮度模糊等滤镜效果，媲美PS软件详情generatorsfilter。

html设置背景模糊

1、1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中。

2、4保存html代码后使用浏览器打开，这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的5使用backgroundattachment fixed设置背景图片不随滚动条而滚动回到html代码页面，在body样式中添加上background。

3、你可以试试2个div都设一下背景，一个模糊的放底层，清晰的放上层，通过控制清晰的那个div的位置和背景位移来达到你要的效果，或者你网上搜一下模糊滤镜的js脚本来实现，当然，如果你那个清晰的圆形的位置是固定不变的，那么。

4、主要特性支持多浏览器内置支持HTML5音频和视频，允许创建多媒体Tumult Hype采用各种先进功能，其中包括模糊色调偏移3D转换等支持移动设备4MontageJS MontageJS是一个开源的HTML5框架，着眼于可维护性和性能设计。

5、3css滤镜在浏览器兼容是比较坑爹的问题，ie浏览器有自己一套滤镜filter家族，基本所有ie内核浏览器都支持，ff和Chrome，opera则主要使用css3的滤镜，这些浏览器在后期版本支持css3的滤镜目前版本基本都支持html5和css3。