IE9 HTML/CSS兼容性问题

我有一个特殊的html代码，它包含了几个HTML5特性。页面的布局正是我在每个浏览器上所期望的（未在Opera上测试），但随着HTML5 doctype的添加，“购买”周围的“曲线”形状不再出现，两个“按钮”（做和说）应该具有的橙色也消失了。任何人都可以提供一些关于如何让页面在当前所有主流浏览器上看起来正常的建议。我的网站有相当多的技术观众，所以不兼容HTML5的浏览器不会成为问题

没有doctype的原件（您必须复制/粘贴到chrome或firefox中才能了解我的意思，对不起！）：

使用doctype：

---

谢谢您给我的任何帮助。

您已经在两个地方指定了橙色背景色（FF9900），前面没有

。怪癖模式是宽容的，但标准模式更严格，将忽略它

---

只需将

背景色：FF9900

更改为

背景色：#FF9900

，两个位置都是好的。

您已经在两个位置指定了橙色背景色（FF9900），没有前面的

#

。怪癖模式是宽容的，但标准模式更严格，将忽略它

---

只需在两个位置将

背景色：FF9900

更改为

背景色：#FF9900

，就可以了。

您无法将完整的HTML文档粘贴到JSFIDLE中。它围绕放置在CSS、HTML和Javascript框中的代码片段提供自己的文档。如果您在结果框中检查实际的源代码，您将看到两者都具有相同的doctype，并且您粘贴的HTML文档位于文档的主体内，从而生成一个无效的文档。啊，谢谢您的建议。下次我会知道的。你不能将完整的HTML文档粘贴到JSFIDLE中。它围绕放置在CSS、HTML和Javascript框中的代码片段提供自己的文档。如果您在结果框中检查实际的源代码，您将看到两者都具有相同的doctype，并且您粘贴的HTML文档位于文档的主体内，从而生成一个无效的文档。啊，谢谢您的建议。下次我会知道的。