适用于IE7和IE8的HTML5和CSS3
我继承了一个web应用程序，它的前端使用了新的HTML5标签(标题、导航、部分标签)和新的CSS3样式属性(圆角边框)。这个网站在Google Chrome和Safari上看起来很棒。
然而，客户端现在抱怨网站对IE7和IE8的支持不起作用。所有的东西都不对齐，大多数样式都不能渲染。
让这个网站在IE7和IE8中运行的最简单的方法是什么？我是否必须: a)应用一些技巧来使IE浏览器接受新的HTML5和CSS3功能？b)完全重写前端？
回答 5
Stack Overflow用户
发布于 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上提供
Stack Overflow用户
发布于 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中优雅地降级，这样圆角按钮看起来就是方形的，但仍然很漂亮。
Stack Overflow用户
发布于 2011-03-27 21:39:44
您可以尝试css3pie http://css3pie.com/，它将有助于解决css3问题。
https://stackoverflow.com/questions/5449502
复制相似问题