图像未显示在IE8中



我对我在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; }

从您告诉我们的内容中,最有可能的问题是该图像是CMYK格式,仅在IE9 上支持(IE浏览器)。

将其转换为RGB,应该可以。

最新更新