<nav>和<section>元素未显示</section> </nav>

Question

网站：

• http://www.crystal-grace.so/compendium/resume.html
• http://www.crystal-grace.so/compendium/index.html

CSS：

• http://www.crystal-grace.so/compendium/css/master.css

嗨，由于某种原因，导航和部分元素不会在网站上显示。唯一的属性是显示的高度和背景颜色。它在我的旧版（3.6.25）Firefox上正常显示，但与Chrome和Safari保持一致。

我认为master.css需要针对nav和section元素进行修复，但我不确定。

仅供参考，我在文件中提到了以下内容：

1）两个HTML文件

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->

2）master.css

header, footer, article, section, nav, menu, hgroup {  
display: block;  
}

非常感谢任何帮助!!

Answer 1

页脚遍布整个事物。如果您为页脚的z-index分配较低的值，例如-200，则会显示它们。 （在Chrome中测试）

Answer 2

这导致了问题：

footer {
    background: none repeat scroll 0 0 #1D1C1C;
}

只需移除background属性...或改为：

background-color: #1D1C1C;

原始值的0 0部分似乎覆盖了#1D1C1C颜色的页面。这个价值对我来说没有意义......

Answer 3

我找到了别的东西。如果您从float: left;标记的样式中删除section（master.css文件中的第148行），则两者似乎都正常工作。

就我个人而言，如果有这么多解决方案是正确且有效的话，我认为你的造型太过分了。