博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE常见的兼容处理
阅读量:4318 次
发布时间:2019-06-06

本文共 1075 字,大约阅读时间需要 3 分钟。

IE常见的兼容处理

  1. 禁用IE兼容模式

    为了保证IE能够使用最新渲染模式而不是兼容模式,在html文档头部应加入以下代码:

  
...

  2. 提示IE7及更早版本的用户

   针对IE7及更早的版本,应该给出提示,让用户升级浏览器。在body之后加入以下代码可以有选择性的出现浏览器升级提示,并给出链接引导用户访问:

  
...

    如果你准备支持的IE浏览器最低版本为IE9,也建议为早期用户准备一个提示,只需要将以上代码中的 [if lt IE 8] 更改为 [if lt IE 9]

  3. IE8用户 (需要的文件可以自己百度到)  

    因为IE8及早期版本不支持HTML5标签,所以针对IE8浏览器,我们引入html5shiv来使得HTML5标签在IE8中也能使用。在HTML文档的script区域加入以下代码:

     因为IE8及早期版本同样不支持media query来实现响应式布局,我们同样可以通过条件注释引入respond.js来帮助ie实现该功能。

    因为IE8及早期版本不支持Canvas,如果你的产品用到图表 视图,则需要引入 ExplorerCanvas 来支持绘图功能。

 4. 低版本IEcss3支持CSS3部分属性 (PIE.htc)   

               下载地址:  

    用 PIE.htc 来让IE浏览器支持CSS3的 border-radiusbox-shadowCSS3 Backgrounds (-pie-background)GradientsRGBA属性。

 

     要使用 PIE 应用就要先把它引进来,这里不是在 html 文件里面引入,而是在 css 文件里面使用 behavior 来对文件进行导入。

   注:PIE.htc URL路径是相对于当前HTML文件,而不是CSS文件.

 

.borderRadius{         border-radius: 10px;         -webkit-border-radius: 10px;         -moz-border-radius: 10px;         background: #ABCDEF;         behavior: url(css/PIE.htc);}
    使用详情请参考: 

 

    

 

转载于:https://www.cnblogs.com/wangyihong/p/8631768.html

你可能感兴趣的文章
车牌正则表达式
查看>>
使用类的成员函数来实现回调函数
查看>>
Win form碎知识点
查看>>
避免使用不必要的浮动
查看>>
cocos2dx 编辑框 CCEditBox
查看>>
第一节:ASP.NET开发环境配置
查看>>
PHP全栈学习笔记7
查看>>
表单脚本基础知识
查看>>
开源分享 Unity3d客户端与C#分布式服务端游戏框架
查看>>
浏览器默认缓存时间-(为什么浏览器时而缓存,时而不缓存)
查看>>
2013年最佳的16个 Photoshop 设计教程推荐
查看>>
15个优秀的 Material Design(材料设计)案例
查看>>
sql 列转行
查看>>
Html5 手机端网页不允许缩放
查看>>
Myeclipse 常用操作(待补充)
查看>>
PHP 获取当前所在的类名、方法名等
查看>>
基本数据类型和引用类型
查看>>
关于移动端APP开发-字体样式变大问题
查看>>
leetcode4568
查看>>
First 5 Minutes Troubleshooting A Server
查看>>