我的网站菜单在IE上无法正确显示

时间:2013-09-19 07:10:26

标签: html css

这是我第一次来这里,所以请原谅我,如果我错过了一些非常艰难的事情,我已经在这里检查了大量的帖子并且有些工作但没有完全修复这个问题。

我的主菜单:https://turbobeds.com/适用于除IE之外的所有浏览器,它在我第一次悬停时显示菜单,之后只显示类别标题的开头,我添加为一些人这里张贴:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "w3.org/TR/html4/strict.dtd">

我还有HTML5SHIV:

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

我将display: inline;添加到#topCategories > ul > li&amp; #topCategories > ul > li > a并修复了在悬停时不显示的情况。但是,如果你只是将鼠标悬停在不低的菜单项上,它将只显示5px的空白区域。

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

我已经纠正了,虽然您仍然应该在我的答案中使用元标记片段,因为您的悬停菜单在IE10兼容模式下根本不起作用,我遇到的问题是您在IE10中没有兼容模式打开。菜单适用于初始请求,第一次悬停但之后它无法正确显示。无论如何,你可以创建一个统一的jsFiddle菜单,只包含HTML,CSS和Javascript吗?

将此内容添加到<head>元素中的HTML:

  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

问题是IE现在在您的计算机上处​​于兼容模式。兼容模式是一种设置,通过将IE中的某些渲染功能降级到以前版本的IE,使IE浏览器能够更好地与某些网站一起工作,在您的情况下IE9,但这并不意味着IE10在兼容模式下是IE9。对于包含元标记的网站的每个页面,这将更改客户端IE设置以呈现为最新安装的IE版本,没有带状辅助,因为兼容模式尝试执行此操作。它不会更改客户端可能访问的任何其他网站的IE设置。

您也可以通过点击F12并打开开发人员工具在IE中进行测试。在开发人员工具窗口的顶部,您将看到一个名为“浏览器模式”的菜单选项,允许您在“IE10兼容模式”和“IE10”之间快速切换。在IE10开发者工具中,你也可以切换到IE9,8和&amp;虽然我不知道如何在安装的IE10版本中实现这些浏览器的版本。

答案 1 :(得分:0)

相关问题