IE9 HTML / CSS兼容性问题

Question

我有这个特殊的HTML代码，涉及几个HTML5功能。页面的布局正是我在每个浏览器上所期待的（未在Opera上测试），但随着HTML5 doctype的增加，“买它”周围的“弯曲”形状不再存在，并且两者都是橙色应该已经消失了“按钮”（做它并说出来）。任何人都可以提供一些关于如何让页面在所有主要CURRENT浏览器上看起来正常的指针。我有一个相当技术的受众群体来到我的网站，因此不符合HTML 5标准的浏览器不会成为问题。

原始没有doctype（你必须复制/粘贴到chrome或firefox才能看到我的意思，抱歉！）：

http://jsfiddle.net/bRCw3/

使用doctype：

http://jsfiddle.net/ZXXYy/

感谢您给我的任何帮助。

Answer 1

您已在两个地方指定了橙色背景颜色（FF9900）而没有前面的#。 Quirks模式对此很宽容，但标准模式更严格，会忽略它。

在这两个地方只需将background-color:FF9900更改为background-color:#FF9900，就可以了。