我的html不知道搞什么，字体特别模糊，图片没事

看不到样式表 但从样式推断可以判断 文字后边有透明度的黑色背景层 应该和文字同级 或者背景用rgba写法直接写透明度 否则父元素的透明度会让字体也跟着透明导致模糊

例 background: rgba(0,0,0,0.8)

HTML 中要设置背景的块大小  比如div    300px * 400px

那么背景图的最佳尺寸也是 300px 400px

然后设置 background: url(imgs/your.jpg)  no-repeat  center center

背景水平垂直居中，效果最佳

css样式background属性值详解

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

先测试看看是引用非系统字体的原因吗？

body{font-family:"Microsoft YaHei"}

/*

删掉之前引用的字体，采用上面这句代码，如果所有浏览器都正常显示“微软雅黑字体”的话，那说明是你引用非系统字体造成的，最好还是用系统自带的字体兼容性比较好。

*/

---