Css 如何修复IE9的悬停伪类
我知道这是一个典型的问题，但我找不到解决办法。除了IE9，我的CSS下拉菜单在任何地方都可以正常工作。这个下拉列表在IE9中根本不起作用。有什么建议吗？多谢各位 以下是HTML的菜单：Css 如何修复IE9的悬停伪类,css,Css,我知道这是一个典型的问题，但我找不到解决办法。除了IE9，我的CSS下拉菜单在任何地方都可以正常工作。这个下拉列表在IE9中根本不起作用。有什么建议吗？多谢各位 以下是HTML的菜单： <div id="menu"> <ul> <li><a href="#"><span>Needs Assessment</span></a> <ul> <li><a hre
<div id="menu">
<ul>
<li><a href="#"><span>Needs Assessment</span></a>
<ul>
<li><a href="#">History1</a></li>
<li><a href="#">Team1</a></li>
<li><a href="#">Offices1</a></li>
</ul>
</li>
<li><a href="#"><span>Design and Development</span></a>
<ul>
<li><a href="#">History2</a></li>
<li><a href="#">Team2</a></li>
<li><a href="#">Offices2</a></li>
</ul>
</li>
<li><a href="#"><span>Prepare and Implement</span></a>
<ul>
<li><a href="#">History3</a></li>
<li><a href="#">Team3</a></li>
<li><a href="#">Offices3</a></li>
</ul>
</li>
<li><a href="#"><span>Debrief and Measure</span></a>
<ul>
<li><a href="#">History4</a></li>
<li><a href="#">Team4</a></li>
<li><a href="#">Offices4</a></li>
</ul>
</li>
<li><a href="#"><span>Resources</span></a>
<ul>
<li><a href="#">History4</a></li>
<li><a href="#">Team4</a></li>
<li><a href="#">Offices4</a></li>
</ul>
</li>
</ul>
</div>
在没有看到演示的情况下，我不知道这是否能解决它，但您的CSS中有一个语法错误。缺少开口
（background-image: url(http://www.laerdal.com/Laerdal/usa/discoversimulation/images/button.png);
根据评论和编辑： 你有一些严重的问题。（编辑#2：最初，第一个列出的错误是缺少
doctype<html>
<head>
<title>Debrief and Measure</title>
</head>
<body>
<html>
<head>
<title>Discover Simulation</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
<link href="/Laerdal/_LOCAL_CONTENT/usa/css/discoversimulation.css" rel="stylesheet" type="text/css">
<body>
</body>
</html>
<div align="center">
<div id="whitebox">
...snipped...
</div>
</body>
</html>
汇报和测量
发现模拟
<html>
<head>
<title>Debrief and Measure</title>
</head>
<body>
<html>
<head>
<title>Discover Simulation</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
<link href="/Laerdal/_LOCAL_CONTENT/usa/css/discoversimulation.css" rel="stylesheet" type="text/css">
<body>
</body>
</html>
<div align="center">
<div id="whitebox">
...snipped...
</div>
</body>
</html>
…剪断。。。
顺便说一句：
align=“center”（background-image: url(http://www.laerdal.com/Laerdal/usa/discoversimulation/images/button.png);
根据评论和编辑： 你有一些严重的问题。（编辑#2：最初，第一个列出的错误是缺少
doctype<html>
<head>
<title>Debrief and Measure</title>
</head>
<body>
<html>
<head>
<title>Discover Simulation</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
<link href="/Laerdal/_LOCAL_CONTENT/usa/css/discoversimulation.css" rel="stylesheet" type="text/css">
<body>
</body>
</html>
<div align="center">
<div id="whitebox">
...snipped...
</div>
</body>
</html>
汇报和测量
发现模拟
<html>
<head>
<title>Debrief and Measure</title>
</head>
<body>
<html>
<head>
<title>Discover Simulation</title>
</head>
<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
<link href="/Laerdal/_LOCAL_CONTENT/usa/css/discoversimulation.css" rel="stylesheet" type="text/css">
<body>
</body>
</html>
<div align="center">
<div id="whitebox">
...snipped...
</div>
</body>
</html>
…剪断。。。
顺便说一句：
align=“center”<!DOCTYPE html>
没有这一点，IE将处于怪癖模式。正如Sparky672所说，您的HTML是完全无效的。您应该修复它 但是，要解决您遇到的特定问题，您只需添加一个有效的doctype作为第一行：
<!DOCTYPE html>
如果没有这一点，IE将处于怪癖模式。HTML将更容易阅读，并带有适当的缩进。此外，请详细解释什么“不起作用”意思是：毕竟，我们看不到你的页面在运行。我很确定IE9可以很好地处理
：hover：hoverdoctypedoctype