html5背景模糊(html设置背景模糊)

图片模糊很正常，因为你拉伸了图片而且还有可能改变了纵横比产生变形而且，你这种方法也不是背景图，而是插入图片白边是因为body默认的内外补丁的关系，可以加一个样式解决 ltstyle html， body margin0 padding0；2至于图片模糊，应该是你加载的图片分辨率不够，或者你加载图片的元素和图片宽高比差距较大；背景图片是多大呢，是太大了没加载好吗你用wex5打包的时候需要勾上ui资源的，还有你的页面制作是移动端的吗；3css滤镜在浏览器兼容是比较坑爹的问题，ie浏览器有自己一套滤镜filter家族，基本所有ie内核浏览器都支持，ff和Chrome，opera则主要使用css3的滤镜，这些浏览器在后期版本支持css3的滤镜目前版本基本都支持html5和css3；不光绘制图片，在高分屏下，绘制文字和线条都会出现模糊的现象，GitHub上有一个hidpicanvaspolyfill可以很好的解决这个问题，但是没有对图片进行处理如果你了解了原因，解决这个问题也很容易首先，引入上方这个polyfill然后；html中将背景颜色渐变步骤如下1先使用一个div标签2然后在header标签里面设置ltdiv标签的css样式3颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度4然后设定div的background背景属性，如图。

你可以试试2个div都设一下背景，一个模糊的放底层，清晰的放上层，通过控制清晰的那个div的位置和背景位移来达到你要的效果，或者你网上搜一下模糊滤镜的js脚本来实现，当然，如果你那个清晰的圆形的位置是固定不变的，那么；1插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签2首先是用html标签插入图片，这里直接在img标签中；还可以利用video的playbackRate属性来控制video的播放速度，如果要让背景视频以慢速播放的话可以加上下面的javascript ltscript var video= documentgetElementById#39v1#39videoplaybackRate = 05ltscript；lthtml 2使用filter属性，给设置背景图片的元素添加“filter opacity透明度值”样式即可 filter属性定义了元素通常是的可视效果例如模糊与饱和度21 语法 filter blur brightness；H5是指HTML5，它万维网的核心语言标准通用标记语言下的一个应用超文本标记语言HTML的第五次重大修改HTML5提供了一些新的元素和属性，例如ltnav网站导航块和ltfooter这种标签将有利于搜索引擎的索引整理，同时。

html5加背景图片可以通过 1首先可以去写一个div，然后这个div当然宽高是一定要有，然后在div中去设置要的背景图片，是否重复等属性，repaet这个来设置，norepeat是不重复repeatx沿着x轴重复repeaty沿着；4该方法是唯一一个所有浏览器都支持的方法，类似还有如下方法，但是只有在Chrome和Safari有效5代码如下6再次测试，效果如下7相比于input被挡住，突兀地出现在页面中间更加可以令人接受，但是多次测试，仍然存在问题。

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

背景图片不重复不平铺，可以这样设定背景1ltbody style=quotbackgroundimage urlquot图片文件地址quot backgroundattachment fixedquot这样背景图片就会固定住，不会因页面滚动而重复2使图在任何大小的屏幕都不会显示；html5加背景图片可以通过1首先可以去写一个div，然后这个div当然宽高是一定要有，然后在div中去设置要的背景图片，是否重复等属性，repaet这个来设置，norepeat是不重复repeatx沿着x轴重复repeaty沿着Y。

我大概理解到了你的意思，是想实现背景的视觉差效果吧如果是这个的话两种方法，一种是设置backgroundattachmentfixed背景固定了 另外一种就是利用 animate css3的属性，想兼容更多的浏览器建议用jquery控制感觉应该是你。