我对这个在 IE6-8 中无法显示图像徽标的小问题感到非常困惑。在 Firefox、Chrome、Opera 和 IE9 和 IE10 中，它会正常显示。我在下面附上了我的代码。我在 W3C 中搜索了我使用过的 CSS，只要我指定了一个 !DOCTYPE，它们就应该可以工作。任何想法，将不胜感激！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="css/hmc_main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<img src="images/logo.jpg" width="850" height="166" class="logo" />
<div class="headerImageOverlay"> <span class="spanner"> <img src="images/ross.jpg" class="overlay" /> </span> </div>
CSS类如下：
.container { width: 960px; background-color: #FFF; margin: 0 auto; position: relative; }
img.logo { z-index: 1; display: block; }
img.overlay { position: absolute; right: 0px; top: 0px; z-index: 10; height: 166px; }