在ie11里查看网页无法加载css样式

html-css09

在ie11里查看网页无法加载css样式,第1张

兼容性视图只能治标,不能治本。由于新版本IE安全机制的修改,对于本地的CSS文件会检查它的MIME type值是否匹配,如果css的mime type不是text/css,就会拒绝加载。解决方法也简单:

1、下载FileTypesMan,百度即可找到,只有60多K

2、解压运行FileTypesMan.exe,程序会花一点时间查找所有的文件格式,稍等一下即可

3、在列表中找到.css,双击进入到“编辑文件类型”界面

4、在MIME类型那里,修改为text/css

5、点确定,大功告成~

最近发现一个比较奇怪的问题,就是在开发vue中,路由点击跳转到另外一个组件中,样式是不出来的,然后刷新当前页面css样式才加载出来,找了好久才发现这个bug。

进入以后样式是这样的:css样式根本没有加载,这是为什么?

刷新了页面以后才可以出来,本身样式也是这样的:

找了半天原因,一点一点测试才发现

原来渲染的组件的父盒子的class='item'居然影响了css样式的内容,很奇怪,把class='item'修改成比如:class='abc'就可以了。

原文地址和更多信息:

https://www.3mooc.com/front/articleinfo/465

一些检查方法:

重新更新生成全站(类似于更新缓存,生成新的HTML),清除浏览器缓存再打开网站看是否正常。

如果更新后没变化,检查模板中CSS路径和图片路径是否准确。

模板没问题的话,检查数据库中(或者文件夹中)是否有你要的图片。

另外的问题:图片过大,带宽较小,导致图片不能及时加载完成。

打开网站页面之后,用浏览器的查看源码功能看看CSS是否正确加载,再看文章和图片的加载状态。一般全站更新(记得清除浏览器缓存)之后就会正常,但这样也是没成功,那要么是模板标签有问题,要么是数据库的问题,模板标签出问题的几率大一些,建议先检查模板,最后再检查数据库。长路漫漫,慢慢摸索吧。