<分区>
<分区>
我一直在绞尽脑汁想办法解决这个问题，但我不知道该怎么做才能解决它...
问题是我的导航和 css 样式在 Chrome 上运行得很好，但在其他浏览器上它看起来很糟糕。
在 Chrome 上 - 看起来正确!
在 IE 上 - 我丢失了导航栏样式
在 Firefox 上 - 导航栏在那里，但没有显示任何站点图像
我的网站在这里:
提前致谢。
最佳答案
我立即发现了一些问题。您的图像未显示，因为相对路径格式不正确。你有“imgVideoTagger\CenterCredits.png”(带反斜杠)。它应该是一个正斜杠。另外，对于 HTML 中的 width 和 height 属性，它应该只是数字，所以不是“315px”，而是“315”。
您还有一些基本的 HTML 错误，例如杂散的结束标记。
为了调试您的问题，我建议使用 W3C html 验证程序服务:http://validator.w3.org/
修复您发现的错误也可能会解决您在 IE 中的导航问题。
此外 - 由于您要声明您的页面 HTML 5，我建议您更多地利用 HTML5 语义优点，放弃所有贬值的标签，例如 <center> ，并使用类似 modernizr 的东西，以便 IE 可以识别那些较新的元素。这也可能有助于导航，因为 <nav>是一个 HTML5 标签。
关于html - Css - 跨浏览器的样式问题 - 导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10872445/