Imagemap은 IE에서만 작동합니다.

포지셔닝, 패딩 및 여백으로 인해 가정합니다. 그러나 나는 정말로이 요소에 맞는 imagemap에 맞지 않는다. 만 IE는 좋은 방법을 보여줍니다 http://xn--wiadomesny-37b.pl/bg/Imagemap은 IE에서만 작동합니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"l lang="pl"> 
<head> 
<meta charset="utf-8"> 
<title>{TITLE}</title> 
<meta name="keywords" content="{H1}" /> 
<meta name="description" content="{DESC}" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
<link rel="stylesheet" type="text/css" href="css/style.css" /> 
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script> 
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> 
</head> 
<body> 
<div class="outer_wrapper"> 
    <div class="content_bg"> 

    <div class="wrapper"><div class="promo"><img src="images/header.png" width="655" height="238" /></div> 
     <div class="menu"><img src="images/menu.png" width="601" height="158" usemap="#Map" /> 
     <map name="Map" id="Map"> 
      <area shape="circle" coords="66,86,64" href="#" alt="" /> 
      <area shape="circle" coords="217,68,68" href="#" alt="" /> 
      <area shape="circle" coords="371,69,64" href="#" alt="" /> 
      <area shape="circle" coords="529,88,67" href="#" alt="" /> 
     </map> 
     </div> 
     <div class="content"><div class="content_text">{CONTENT}</div></div> 
     <div class="sider"> 
     <div class="sider_top"></div> 
     <div class="sider_bg">{SIDEBAR}</div> 
     <div class="sider_bottom"></div> 
     </div> 
     <div class="footer"> 
     <div class="footer_left">{FOOTER}</div> 
     <div class="footer_right"><strong>Wykonanie</strong>: <a href="http://www.firmowa-strona-www.pl" title="Tanie strony www firmowe">Firmowa Strona WWW</a></div> 
     </div> 
    </div> 
    </div> 
</div> 
</body> 
</html>

출처

2012-05-07 Szymon Toda

문제는이 규칙에 z-index에 의해 발생되는 :

.content_bg { 
    background-image: url("../images/bg_overlay.png"); 
    background-position: center 40px; 
    background-repeat: no-repeat; 
    height: 814px; 
    margin: 0; 
    padding: 40px 0 0; 
    position: relative; 
    width: 100%; 
    z-index: -20; /* remove this line */ 
}

출처

2012-05-07 16:14:03 tw16

이 왜 문제의 원인은? –

@Ultra : 우선 규칙이 전혀 필요하지 않은 것 같고 사이트가 없으면 사이트가 완벽하게 작동합니다. 그러나 그것이 엉망이되는 이유는'.outer_wrapper' 뒤에 모든 것을 효과적으로 보냈기 때문입니다. 이 규칙'.outer_wrapper {background : # 000;} '을 추가하면 이것을 테스트 할 수 있으며 모든 것이 사라지는 것을 볼 수 있습니다. – tw16

오. 그래서 .outer_wrapper를 클릭하고있었습니다. 그 그렇게 begginers 실수. 매일 배우고, 고마워. –

답변

관련 문제