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

Question

我在css中有一個下拉菜單，它在Chrome，FireFox中工作正常，但在IE8中卻沒有，我沒有在IE6 / 7中進行檢查。 但似乎沒有希望。 我在這里的網站。 下拉菜單是黑色菜單。 我認為問題在於：hover，嘗試在#button .a：hover之類的地方搜索，但是卻沒有運氣。 希望您能提供幫助。 CSS文件在這里

謝謝你先生

Answer 1

問題是您尚未在網站上包含文檔類型。

由於您尚未包括文檔類型，因此您的頁面正在IE8中以Quirks模式呈現：

Quirks模式是某些Web瀏覽器使用的一種呈現模式，目的是保持與為較舊瀏覽器設計的網頁或未遵循標准編碼的網頁的向后兼容性。

將這兩行添加到文件的最頂部：

<!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

當這種事情發生時-轉到工具->兼容模式; 並確保關閉。 我遇到過類似的問題，將其關閉會使菜單正常工作（根本無法正常工作）。

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

問題描述

2 個解決方案

解決方案1
2 已采納 2011-02-17 13:42:20

解決方案2
1 2011-12-13 13:44:20

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

問題描述

2 個解決方案

解決方案1 2 已采納 2011-02-17 13:42:20

解決方案2 1 2011-12-13 13:44:20

解決方案1
2 已采納 2011-02-17 13:42:20

解決方案2
1 2011-12-13 13:44:20