使用Modernizr让老版本IE支持HTML5元素

发布日期:2015-09-18 23:04:14
我选择了一个含有 HTML5垫片脚本的 Modernizr自定义生产版, 然后在 IE8中刷新页面,

可以看到页面效果比之前好太多了:

我不用再做什么。因为 Modernizr 使老版本 IE 可以识别 HTML5 的结构化元素,所以之前的很多标准 CSS样式现在都可以识别了,页面呈现出了它应有的样子。
对于我这个自由职业者的钱包来说,这是天大的好事。如果你之前没有在现代浏览器中看过这个网站的效果, 你应该都不知道两者有什么区别。 不过, 由于 IE8缺少 CSS3支持,所以相对于现代浏览器来说有一些明显的视觉效果上的缺陷。导航链接上没有交替颜色(如果需要,我们可以通过给奇数导航链接追加额外类名来解决这个问题) ,按钮没有圆角, 没有文字阴影和盒阴影。 最重要的一点是, 虽然我们的流式布局很灵活, 但缺少 CSS3意味着不支持媒体查询。没有媒体查询,在 IE 6、7、 8中就不会有不同视口中精心设计的布局变化。
虽然我怎么都不认为 IE8中这样的布局“毁”了设计效果,但只要你愿意,Modernizr也可以帮你修补老版本浏览器。 为了证明这一点, 我们来给 IE 6、 7、 8追加 min/max-width媒体查询支持,从而使网页在这些浏览器的不同视口中也能正确响应。

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计