Question

以下CSS适用于Firefox，Chrome和Safari。但由于某种原因，IE 9没有显示legend。另一个CSS在IE 9中正确显示。我已经进行了实验，但找不到答案。它应显示带有白色文字和黑色边框的橙色legend标题。

CSS：

legend{
    color: #fff;
    background: #ffa20c;
    border: 1px solid #781351;
    width: 49.2em;
    padding: 2px 6px
}

我的样式表是一团糟，因为我通过尝试来学习。我认为某处可能存在冲突。

可以查看完整样式表here：

Answer 1

您的问题不仅出现在橙色标题上，您的文档标记上还有 61个错误和15个警告。

请参阅this link，确切了解哪些错误，错误位置以及如何解决错误！

另外，您应该阅读一些关于HTML的内容：

Google's HTML, CSS, and Javascript from the Ground Up

来源： http://w3fools.com/（感谢Spudley）

Answer 2

我会冒险猜测它不起作用，因为你试图将标题放在一个图例元素中。图例仅适用于表单，但这是页面/部分标题，而不是表单图例。

替换＆lt; legend＆gt;与＆lt; h1＆gt;并相应地更新你的CSS。

您也应该习惯于编写有效的HTML，因为无效代码也会导致浏览器之间的不一致，因为它们试图以自己的方式理解您的代码。使用W3C验证器并完成错误

Answer 3

在发生这一系列事件之后的某个时间，整个网站都重新启动了。我已经存档了旧文件。如果您想查看此建议的结果，至少暂时可以查看http://www.mconchicago.com/MCON/