저는이 작은 문제로 혼란 스럽습니다. IE6-8에서 이미지 로고가 표시되지 않습니다. 파이어 폭스, 크롬, 오페라, IE9, IE10에서는 꼭 필요한대로 표시됩니다. 나는 아래에 나의 코드를 동봉했다. W3C에서 사용한 CSS를 검색하여! DOCTYPE을 지정했다면 작동해야합니다. 어떤 아이디어라도 감사 할 것입니다!이미지가 IE8에 표시되지 않습니다.
<!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; }
왜 대신'.logo' 해당 클래스를 사용하는 여러 번의'img.logo'? – Jared
@Jared 이는'.logo'가'img' 태그에만 사용됨을 의미합니다. –
아니요, 한 번만 사용됩니다. 혹시라도 .logo를 시도했지만 문제가 해결되지 않았습니다. – Trido