问题描述
在使用raty评分插件时,遇到无法显示五角星的情况,浏览器中只显示方框图标的问题(如下图所示)。
排查问题的过程中,发现鼠标移动时css样式会正常改变,同时每个方框会出现对应的分数,这说明JavaScript是正常运行的,问题出现在了CSS文件上。
首先怀疑CSS文件地址是否可达、文件夹权限是否开启,经过检查发现配置均正确,最终怀疑是IIS服务器出现了文件访问限制。
问题解决
通过对iis服务器进行配置,问题确实得到了解决,因此确认问题根源就在iis服务器的文件访问限制。
解决步骤
-
在iis服务器管理器中对MIME类型进行设置。
-
在MIME类型中添加.woff与 font/x-woff ,添加完毕后刷新网页发现问题解决。
-
问题解决