CSS - 跨浏览器的样式问题 - 导航栏


我一直在绞

尽脑汁地想如何解决这个问题,但我不知道该怎么做才能解决这个问题......

问题是在Chrome上,我的导航和css样式可以完美运行,但是在其他浏览器上,它看起来都很好。

在铬上 - 看起来正确!

在IE上-我丢失了导航栏样式

在 Firefox 上 - 导航栏在那里,但没有显示任何站点图像

我的网站在这里:

提前谢谢。

我马上看到了一些问题。您的图像未显示,因为相对路径的格式不正确。你有"imgVideoTagger\CenterCredits.png"(带反斜杠)。它应该是正斜杠。 此外,对于 HTML 中的宽度和高度属性,它应该只是数字,因此应该是"315px"而不是"315px"。

您还有一些基本的 HTML 错误,例如杂散的结束标记。

为了调试您的问题,我建议使用 W3C html 验证器服务:http://validator.w3.org/

修复您在那里发现的错误也可以解决您在IE中的导航问题。

此外 - 由于您声明的是页面HTML 5,我建议利用更多的HTML5语义优势,放弃任何折旧的标签,如<center>,并使用类似modernizr的东西,以便IE可以识别这些较新的元素。这也可能有助于导航,因为<nav>是一个HTML5标签。

最新更新