Question

我在css中有一个下拉菜单，它在Chrome，FireFox中工作正常，但不是IE8，我还没有在IE6 / 7中检查过它。但似乎没有希望。我的网站HERE。下拉菜单是黑色菜单。我认为问题在于：悬停，尝试搜索#button .a：hover等等...但是没有运气。我希望你能提供帮助。 css文件是HERE

谢谢先生

Answer 1

问题是您没有在自己的网站上添加doctype。

由于您未包含doctype，因此您的网页将在IE8中的Quirks mode中呈现：

Quirks模式是一种使用的渲染模式一些网页浏览器为了这个目的保持向后兼容性使用专为旧版设计的网页浏览器或没有标准编码一致性。

将这两行添加到文件的最顶部：

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

如果你添加了那个神奇的doctype行，你的下拉工作在IE8 和 IE7中。

您应将此部分代码移至<body>标记内。

<span style="float:right;margin-top:10px;">
<a href=?lang=vn><img src="img/vn.gif"></img></a> 
<a href=?lang=en><img src="img/us.gif"></img></a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
</span>

此外，您可以将其更改为以下内容：

<div style="position:absolute; top:10px; right: 10px">
    <a href="?lang=vn"><img src="img/vn.gif"></img></a> 
    <a href="?lang=en"><img src="img/us.gif"></img></a>
</div>

Answer 2

当发生这种情况时 - 转到工具 - ＆gt;兼容模式 ;并确保它已关闭。我有类似的问题，并切换它使我的菜单正常工作（它根本不工作）。

CSS下拉菜单在IE 8中不起作用

2 个答案: