根据你的CSS代码，这里的repeat表示背景图片进行水平及垂直平铺。平铺不会照成图片的模糊。因为是背景图，height也不会影响到图片模糊。
有可能是你自己不小心把浏览器的显示放大了（按住了ctrl键并滑动了鼠标滚轮或者按住ctrl键并按了+键，这样都会放大浏览器显示），照成了在浏览器中观看图片比在图片查看软件中的原图片要模糊，只要调整回去即可。点击浏览器空白处，然后同时按住ctrl键 和 0键（这里是零，不是o） ，即可恢复原状。
CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。 MDNCSS标准里包含了一些已实现预定义效果的函数。
filter: none
| blur()
| brightness()
| contrast()
| drop-shadow()
| grayscale()
| hue-rotate()
| invert()
| opacity()
| saturate()
| sepia()
| url()
具体请看原文
————————————————
版权声明：本文为CSDN博主「nanhupatar」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/nanhupatar/article/details/82793637
好像还没有什么好的解决办法。系统的字体放大后是正常的，但是大多数软件都没有很好的支持放大。 所以除了系统字体外，都很模糊。解决模糊的现行办法：1.将就的用100%，不放大
2.设置为 低分辨率，虽然各方面都显示的很清楚，但显示效果又降分了，没有很好的发挥高分屏的特点
