Z- 색인 투명 이미지

Question

누군가가 도움을 줄 수는 있지만 이미지 왼쪽에 회사 로고가있는 기존 배너 이미지를 가져 가야하지만 전체 배너는 이미지입니다. 내가 뭘 후 오전

지금, 있도록, 기존 이미지 로고를 통해 계층 영역 (투명/투명)을 생성하는 수단이다

A)를 orginal 한 이미지가 여전히 & B를 볼 수 있습니다) 때 아래 로고를 덮는 계층화 된 영역 위로 마우스를 가져 가면 지정된 URL에 하이퍼 링크를 지정합니다.

희망적이라고 생각합니다.

필자는 Z- 인덱스에 대해 생각해 왔지만이 방법을 사용하는 방법과 특히 새 계층화 된 이미지의 정확한 크기를 계산하는 방법을 알지 못합니다.

로고 위에 겹치는 데 필요한 4 점을 계산하는 도구가 있었습니까?

어쨌든, 누군가가

감사합니다 도움이 될 수 있기를 바랍니다.

Answer 1

난 그냥 이미지 링크를 만들 제안하지만, 경우에 당신은 당신이 절대적으로 위치 위에 링크 수, 수 없습니다 :

.header    { position:relative; } 
.header .bannerLink { position:absolute; top:0; left:0; 
         width:100px, height:100px; display:block; } 

-

<div class="header"> 
    <img src="banner.jpg" /> 
    <a href="index.php" class="bannerLink"><span>Click Me</span></a> 
</div> 

Answer 2

당신을 가지고 Image Map을 보았습니까?

http://www.w3schools.com/TAGS/tag_map.asp

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" /> 

<map name="planetmap"> 
    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> 
    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> 
    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> 
</map>