我继承了一个web应用程序,它的前端使用了新的HTML5标签(标题、导航、部分标签)和新的CSS3样式属性(圆角边框)。这个网站在Google Chrome和Safari上看起来很棒。
然而,客户端现在抱怨网站对IE7和IE8的支持不起作用。所有的东西都不对齐,大多数样式都不能渲染。
让这个网站在IE7和IE8中运行的最简单的方法是什么?我是否必须: a)应用一些技巧来使IE浏览器接受新的HTML5和CSS3功能?b)完全重写前端?
发布于 2011-03-27 21:32:01
Try this lovely script (.js) :)
对于圆角,我使用an other script (.htc)
使用第一个:
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
使用第二个,比如:
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
behavior: url(border-radius.htc);
愉快的网站建设:)
原始链接不再处于活动状态,并且HTML5shiv已移动。
现已在GitHub上提供
发布于 2011-03-27 21:43:38
对于HTML5,我推荐使用Remy Sharp's HTML5 Shim,不过要想看到效果,你的IE用户需要启用JavaScript。基本上,它利用了IE6/7/8中的一个错误,该错误允许在首次使用document.createElement
函数在JavaScript中创建HTML5元素后对其进行识别。
对于你的CSS,有一些不同的技巧,比如CSS3 PIE,它们使用"behaviour“属性(IE独有的)来模拟CSS3效果。不过,我个人避免了这些,因为根据我的经验,它们很容易崩溃,最终会比它们的价值更麻烦。相反,我倾向于编写我的CSS,以便它在IE中优雅地降级,这样圆角按钮看起来就是方形的,但仍然很漂亮。
发布于 2011-03-27 21:39:44
您可以尝试css3pie http://css3pie.com/,它将有助于解决css3问题。
https://stackoverflow.com/questions/5449502
复制相似问题