IE9 HTML/CSS 兼容性问题

Question

我有这个包含几个 HTML5 功能的特殊 html 代码。页面的布局正是我在每个浏览器上所期望的（未在 Opera 上测试过），但是随着 HTML5 文档类型的添加，“购买”周围的“弯曲”形状不再存在，并且两者都显示为橙色“按钮”（做和说）应该消失了。任何人都可以提供一些关于如何让页面在所有主要当前浏览器上看起来正常的指针。我的网站有相当技术性的受众，因此不符合 HTML 5 的浏览器不会成为问题。

没有文档类型的原始文件（您必须复制/粘贴到 chrome 或 firefox 才能明白我的意思，对不起！）：

http://jsfiddle.net/bRCw3/

使用文档类型：

http://jsfiddle.net/ZXXYy/

感谢您给我的任何帮助。

Answer 1

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

只需将两个地方的background-color:FF9900 更改为background-color:#FF9900 即可。