Question

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

Answer 1

根据您所说的，最可能的问题是图像是CMYK格式，仅在IE9 +上支持（用于IE浏览器）。

将其转换为RGB，它应该没问题。

图像未在IE8中显示

1 个答案: