2至于圖片模糊，應(yīng)該是你加載的圖片分辨率不夠，或者你加載圖片的元素和圖片寬高比差距較大；4該方法是唯一一個(gè)所有瀏覽器都支持的方法，類似還有如下方法，但是只有在Chrome和Safari有效5代碼如下6再次測(cè)試，效果如下7相比于input被擋住，突兀地出現(xiàn)在頁(yè)面中間更加可以令人接受，但是多次測(cè)試，仍然存在問(wèn)題。

這個(gè)FFF主要用了 的Greensock插件你去下載學(xué)習(xí)AS外加GSAP這個(gè)插件就可以做出來(lái)了或者你去搜索Greensock很多的中文教程，做出來(lái)的也很好看；出現(xiàn)這種情況發(fā)兩種1UI背景圖是有多套，針對(duì)1080P分辯率一套，2K一套4K一套8K一套，瀏覽器自適合顯示器的分辨率來(lái)調(diào)整UI大小2UI背景圖只有一套，針對(duì)不同的顯示器瀏覽器自拉縮背景圖拉伸后會(huì)有失真基于如。

html中背景圖片虛化

1、1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)。

2、首先你設(shè)置的這些都是不對(duì)的，你要先檢查的是你是不是設(shè)置了固定高，如果是，在控制臺(tái)把固定高去掉查看效果，如果沒(méi)有設(shè)置固定高，檢查有沒(méi)有邊距合并問(wèn)題，很有可能是受到邊距合并的影響，或者檢查父級(jí)有沒(méi)有設(shè)置了。

3、背景圖無(wú)論是縮放還是擴(kuò)展，都會(huì)失真變得模糊，所以尺寸最接近塊的大小最好。

4、圖片模糊很正常，因?yàn)槟憷炝藞D片而且還有可能改變了縱橫比產(chǎn)生變形而且，你這種方法也不是背景圖，而是插入圖片白邊是因?yàn)閎ody默認(rèn)的內(nèi)外補(bǔ)丁的關(guān)系，可以加一個(gè)樣式解決 ltstyle html， body margin0 padding0。

5、背景圖片是多大呢，是太大了沒(méi)加載好嗎你用wex5打包的時(shí)候需要勾上ui資源的，還有你的頁(yè)面制作是移動(dòng)端的嗎。

6、不光繪制圖片，在高分屏下，繪制文字和線條都會(huì)出現(xiàn)模糊的現(xiàn)象，GitHub上有一個(gè)hidpicanvaspolyfill可以很好的解決這個(gè)問(wèn)題，但是沒(méi)有對(duì)圖片進(jìn)行處理如果你了解了原因，解決這個(gè)問(wèn)題也很容易\x0d\x0a首先，引入上方這個(gè)。

7、可以使用CSS3濾鏡，可以為圖片加上變色亮度模糊等濾鏡效果，媲美PS軟件詳情generatorsfilter。

html設(shè)置背景模糊

1、1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來(lái)演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中。

2、4保存html代碼后使用瀏覽器打開，這個(gè)時(shí)候滾動(dòng)瀏覽器滾動(dòng)條發(fā)現(xiàn)背景圖片是隨瀏覽器滾動(dòng)條的滾動(dòng)而滾動(dòng)的5使用backgroundattachment fixed設(shè)置背景圖片不隨滾動(dòng)條而滾動(dòng)回到html代碼頁(yè)面，在body樣式中添加上background。

3、你可以試試2個(gè)div都設(shè)一下背景，一個(gè)模糊的放底層，清晰的放上層，通過(guò)控制清晰的那個(gè)div的位置和背景位移來(lái)達(dá)到你要的效果，或者你網(wǎng)上搜一下模糊濾鏡的js腳本來(lái)實(shí)現(xiàn)，當(dāng)然，如果你那個(gè)清晰的圓形的位置是固定不變的，那么。

4、主要特性支持多瀏覽器內(nèi)置支持HTML5音頻和視頻，允許創(chuàng)建多媒體Tumult Hype采用各種先進(jìn)功能，其中包括模糊色調(diào)偏移3D轉(zhuǎn)換等支持移動(dòng)設(shè)備4MontageJS MontageJS是一個(gè)開源的HTML5框架，著眼于可維護(hù)性和性能設(shè)計(jì)。

5、3css濾鏡在瀏覽器兼容是比較坑爹的問(wèn)題，ie瀏覽器有自己一套濾鏡filter家族，基本所有ie內(nèi)核瀏覽器都支持，ff和Chrome，opera則主要使用css3的濾鏡，這些瀏覽器在后期版本支持css3的濾鏡目前版本基本都支持html5和css3。