欢迎来到[自学php网] ①群 AG亚游集团

AG亚游集团 > 前端 > html教程 >

浅谈IE678兼容问题

来源:未知 ?? 时间:2018-06-15 00:07?作者:小飞侠

[导读] 随着技术日新月异的发展,我以为已经可以完全甩掉ie浏览器,驰骋在新技术的海洋里。却不想,ie兼容问题如影随行。 当然,尝试解决ie浏览器兼容问题,并不代表我会去拥护它。我想...

随着技术日新月异的发展,我以为已经可以完全甩掉ie浏览器,驰骋在新技术的海洋里。却不想,ie兼容问题如影随行。


当然,尝试解决ie浏览器兼容问题,并不代表我会去拥护它。我想做的只是为解决浏览器兼容提供一些个人思路,毕竟,很多公司还会有此类的需求。


一、明确你要兼容的浏览器范围

很简单,当你明确了要兼容的浏览器范围,不需要兼容的浏览器就可以一并处理了。例如:直接弹出提示,指引用户下载chrome,firefox等现代浏览器。简单粗暴,但却有效。


那么我们如何去过滤呢,这时候,条件注释就可以上场了,用法如下:


<!--[if !IE]> 除IE外都可识别 <![endif]-->
<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
<!--[if IE 7]> 仅IE7可识别 <![endif]-->
<!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
<!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->
<!--[if IE 8]> 仅IE8可识别 <![endif]-->
<!--[if IE 9]> 仅IE9可识别 <![endif]-->

符号解释:

!(非):[if !IE]
lt(小于):[if lt IE 6]
lte(小于或等于):[if lte IE 6]
gt(大于):[if gt IE 8]
gte(大于或等于):[if gte IE 9]
&(与):[if (gt IE 6)&(lt IE 8)]
|(或):[if (IE 6)|(IE 7)]


嗯,不错,一大半的负担被卸掉了。


因为我足够幸运,只需要解决ie9浏览器的兼容问题。所以,可以这么写:


<!--[if lte IE 8]><script src="/zh/assets/js/ie-warning.js"></script><![endif]-->


js中设置了cookie和url重定向,引导用户去下载chrome浏览器,这里就不细说了。


当然,兼容问题哪有这么容易就搞定的,我们继续往下走~


二、检查页面中的伪类和伪元素

这里还是以ie9示例,下面列出ie9对伪类的支持情况:


/ie9不支持的伪类和伪元素
:default
:valid
:invalid
:in-range
ut-of-range
:required
ptional
:read-only
:read-write
::before
::after
::first-letter
::first-line
::value
::choices
::repeat-item
::repeat-index


/jarttoaff4wang/2016/12/06/talk-about-ie-compatible-over-again/




最新文章

点击排行

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号@版权所有AG亚游集团

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

毒贩将30公斤毒品藏越野车6处夹层 入境不久被抓 谋求进攻中俄基地能力?日本计划引进电子攻击机 Uber前CEO卡兰尼克复出:设基金投资中国房地产、电… 中国去年新生人口同比减63万 媒体发问是否存危机 中国电信回应App授权质疑:服务项目多 统一申请授权 以色列对叙发动空袭 俄方:近半以军导弹被叙拦截 油价已接近80美元高位 相应的赢家和输家有哪些? 日本出土稀有中国唐三彩:系当年遣唐使带回(图) 江西传达杨晶问题:净化朋友圈 自觉远离各种诱惑 美众院情报委:无证据显示特朗普阵营“通俄” U23政策致足坛怪象频出 国安潜力新星无球可踢 日外相与WTO总干事会谈 强调应推进自由贸易
中国铁塔业务组成:宏站业务占公司总营收97.3% 酷派诉小米专利侵权 维权还是蹭热点? 汉密尔顿:车队对博塔斯的软胎压榨太多 炒黄金投资骗局成楚门的世界:群里除了我 全是骗子 印度引进轻型战机计划受挫 米格21或还要再战十年 杨利伟揭\"神五\"飞行艰难时刻:感觉五脏六腑都要碎了 日吐槽:鹿岛国内5场比赛只进俩 还是打申花有精神 韩青瓦台:文在寅提议三方会谈 特朗普表示有兴趣 外媒头条:部分亚马逊商家正欺骗消费者数千美元运费 网贷跑路找银行?专家表示银行存管≠银行信用背书 精彩一触即发!2018武汉速度赛马公开赛发布会召开 新浪记者亲历沃帆赛:不止有浪漫 还有极限挑战
男子不堪电话骚扰 将手机呼叫转移至110被拘(图) 用美团打车竟叫来EVCARD 美团审核机制屡遭诟病 苏炳添上海再现雨神风姿? 60米快到自己不相信 广东海丰司机殴打女环卫工被拘:因违停落客引口角 柬埔寨这群中国“文物医生” 被称赞留住了古迹魂 建业VS权健前瞻:U23小将成胜负手 权健需发挥一优势 Think 2018|四大无法拒绝参会理由 总有一个戳… 这是史上最脏篮球动作,没有之一! 郭少喊话福特森:大金链我不要 夏天单挑赌辫子 微信赚钱平台 养一百只土鸡利润多少 冬天摆地摊卖什么最好 广东水库抓到一只女鬼 AG亚游集团