前端开发

 首页 > 前端开发 > html教程 > 浅谈IE678兼容问题

浅谈IE678兼容问题

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

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


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


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

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


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











符号解释:

!(非):[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浏览器的兼容问题。所以,可以这么写:



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


http://jartto.wang/2016/12/06/talk-about-ie-compatible-over-again/




分享到:
IE7,8兼容background-size的方法_backgro...
ie6,ie7,ie8下对css background-size并不支持,那么如何在ie下兼容background-size呢?在ie下把图片完整的居中显示在一定范围内 在css中添加如下代码: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='图片地址.jpg',sizingMethod='scale'); 下面给出完整的实例代码: ...
HTMl中Meta标签详解以及meta property=og...
meta是用来在HTML文档中模拟HTTP协议的响应头报文。META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……