兼容模式下ie9和ie10显示样式在不兼容模式下为什么不加载css样式？

html-css013

兼容模式下ie9和ie10显示样式在不兼容模式下为什么不加载css样式？,第1张

这是因为IE自从IE9开始，会对网页的MIME类型进行验证，如果MIME类型不正确的话，就不会加载相应的样式表或者JS文件，这也是出于安全的考虑。\x0d\x0a造成IE9以上浏览器无法加载CSS样式表的，有几个可能的原因，一个可能是你的CSS样式引用的书写方式不正确，导致在IE9和IE10下面无法通过MIME的检查，如果是这个原因，在代码里面修改一下css样式引用的方法就行了。\x0d\x0a另外一个可能的原因，可能是你在电脑里面安装了代理软件或者其他什么与代理相关的软件，如wallproxy之类的，这一类软件可能会在打开本地HTML文件时修改mime类型，把type替换为stain之类，这个没有什么特别好的解决方法，要么卸载这些软件，要么重新安装一下试试。\x0d\x0a如果你是自己配置服务器后出现了这个问题，那么就可能是第三个原因了，在服务器端没有配置css的mime类型，这个对应的在IIS或者apache里面添加一下css的type就行了。

html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。

respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

官方网站： http://css3pie.com/

演示地址： http://css3pie.com/demos/gradient-patterns/

1.兼容border-radius

2.阴影效果

3.部分 CSS3 的效果，如 多张背景图，border-image，背景颜色渐变效果

4.png 图片透明效果

最好的解决办法就是用个GIF动画代替，这样即使是最古老的浏览器都没有问题，而且运行效率与css3实现的动画不相上下。

这要看你的网页侧重于哪种浏览设备。如果是主要用于移动设备如手机上的浏览器的，可以放心大胆地使用css3的特效，因为几乎所有智能手机上的浏览器都是支持css3标准的；如果是主要用于电脑的，则尽量避免使用css3中的新特性，改用最兼容、最稳妥的方法，因为它面对的是形形色色、标准极其不统一的多种浏览器；如果是手机和电脑都要兼顾到的网页，则也要坚持“就低不就高”的原则，在兼容性与炫酷之间选择前者。