我不确定问这种事情是否可以接受，但因为我不知道如何解决它：
我从头开始创建了一个HTML5 CSS3布局，它看起来就像我想要的Firefox 5，Safari 5.1和Chrome 12 for Mac。
但是当我使用https://browserlab.adobe.com/用于相同的浏览器时，它看起来有点破碎（中间的页脚，背景重复，子菜单可见）。
这让我想知道我是否可以信任Adobe的工具。
然后，当我使用browserlab或http://ipinfo.info/netrenderer/在IE中查看它时，它完全被破坏了（预期）。
•在IE9中，缺少径向背景，菜单没有样式或旋转并向最右侧抛出，主要内容显示在侧边栏下方并且其宽度不受尊重（奇怪，因为在我的布局的旧版本中它在IE9中显示得很好）
•在IE8中，有时候侧边栏列表会占用所有空间，有时它只是一个黑色页面。
•在IE7中，如果它不是黑色或白色页面，则比IE8中的主要内容不可读更糟糕。
我使用两个JS，一个修复了许多IE问题，另一个支持HTML5标记，但它们似乎冲突或者至少要对黑页负责。
我确实希望它在mozilla和webkit中显示得很好。我担心IE，因为我不知道如何修复它，13％的访问者使用它（不可忽略不计）。
我非常感谢任何帮助，因为这阻止我启动该网站（已经过期）。
http://protostype.free.fr/index-sitepointversion4.php
EDIT1：经过验证的HTML，CSS会出错，不确定可以做些什么 EDIT2：修复了最大的布局问题，新链接
答案 0 :(得分：0)
首先，正如其他人所说，似乎html5shiv无法正常运行。我有同样的问题与html5shiv，我可能永远无法解决为什么，但我发现用Modernizr替换它对我来说（Modernizr包括相同的功能加上一堆其他好东西;请参阅他们的网站获取更多信息）
这可能很好地解决了很多问题。
像径向背景这样的东西，选项卡上的border-radius可以使用CSS3Pie进行修复。
您在样式表中使用transparent。我很确定这是不受支持的，至少在IE7中（不确定IE8？）。 IE有许多解决方法可以支持这样的东西，但是它们都没有特别好。
旋转菜单的位置错误，因为与其他浏览器相比，IE旋转元素的方式不同。 IE的滤镜样式使用不同的原点进行旋转：它围绕左上角旋转，而符合CSS3的浏览器默认围绕中心点旋转。
解决这个问题的最简单方法是使用CSS3 transform-origin样式让CSS3浏览器的行为与IE相同（我更喜欢改变IE的原点，但更改它会更加痛苦）在IE）。
你正在使用这样的CSS选择器：
.ul_nav_main li a:not(:last-child):after
这在IE8中无效。 IE8或更早版本都不支持:not和:last-child，IE7不支持:after。您还使用了一些复杂的属性选择器，这些选择器在旧的IE中也不起作用。
我认为这涉及我能看到的大多数问题。如果你经历过所有这些问题后仍然遇到问题，我建议再次提问（但下次再提问你的问题了！这会更容易回答）
希望有所帮助。