句话解决IE6兼容问题
其实很简单,页面文件的<head></head>之间加入如下代码:
复制代码
这段话的意思是如果是ie7以下的浏览器,即ie6、ie5的话(不会有人还在用ie4吧?),就加载这段js。这个文件是存在Google的服务器上的,所以你无需在自己的服务器上做任何事,当然如果你愿意,你也可以下载下来放到自己服务器上,再从自己的服务器上引用。
这个文件非常小,压缩之后只有十几k,所以对速度不会有多大影响。有了它之后,我们就可以正常的写css,基本不用单独考虑ie6的兼容问题了。其主要功能有:
1、加进了对许多css selector的支持,如父元素>子元素、:hover 伪类等等等等;
2、修正了ie6的许多bug,如有多个class的元素在ie 5 和ie 6 中不能正常表现、双倍边距、内容离奇消失、滚动条离奇消失等等等等;
3、加进了许多css属性的支持,如position:fixed、png图片透明等等等等。
- <!--[if lt IE 7]>
- <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js"
type="text/javascript"></script>
- <![endif]–>
这段话的意思是如果是ie7以下的浏览器,即ie6、ie5的话(不会有人还在用ie4吧?),就加载这段js。这个文件是存在Google的服务器上的,所以你无需在自己的服务器上做任何事,当然如果你愿意,你也可以下载下来放到自己服务器上,再从自己的服务器上引用。
这个文件非常小,压缩之后只有十几k,所以对速度不会有多大影响。有了它之后,我们就可以正常的写css,基本不用单独考虑ie6的兼容问题了。其主要功能有:
1、加进了对许多css selector的支持,如父元素>子元素、:hover 伪类等等等等;
2、修正了ie6的许多bug,如有多个class的元素在ie 5 和ie 6 中不能正常表现、双倍边距、内容离奇消失、滚动条离奇消失等等等等;
3、加进了许多css属性的支持,如position:fixed、png图片透明等等等等。

浙公网安备 33010602011771号