2009-06-01 2 views
0

html 이미지 <area coord tag을 뷰어에보다 분명하게 보이려고합니다. 모든 자바 스크립트 샘플은 각 좌표가 뷰어에게 명확한 한 그 좌표를 깜박 거리거나 비슷한 것으로 만드는가?html 이미지 영역 'coord'가 깜박이거나 반짝 거리게합니다 ...

P/S : 내가 지금이 내가 가지고 있지 않는 한 시간을 테스트하지 않았습니다 내 message.sorry의 재 게시

답변

1

의 전체를 보지 못했다 왜 저놈 붙여 넣기 < 영역에 문제가 있지만, 당신에게

area { 
    filter:Glow(color=#00FF00,strength=4); 
    text-decoration: blink; 
} 
+0

이것은 물론 IE에서만 작동합니다. –

+0

나는 당신의 테크닉을 선호합니다. 하지만 난 그 일을 해봤 어. 내가 읽을 수있는 참조 페이지가 있습니까? 내가 – cometta

+0

파이어 폭스, 지역 태그에서 테스트 후 어떤 CSS에서 이익이되지 않는 것 같아요 그래서이 적용 할 수 있는지 모르겠어 IE를 사용하고 있습니다. –

1

두 조각 : 하나, 다른 이미지를 오버레이합니다. 오버레이 이미지는 강조 표시하려는 영역을 제외하고 투명하며 투명도가 낮아서 뒤쪽에있는 것을 계속 볼 수 있습니다. 그리고 두 가지, 위에서 언급 한 '오버레이'이미지의 배경 이미지로 실제 이미지를 사용하십시오 (오버레이 이미지는 CSS를 사용하지 않고 이미 오버레이 영역을 반투명해야합니다).

(버전 1)

<span class='image_container'> 
    <img id='base_image' src='base.png' > 
    <img id='overlay_image' src='overlayimage.png' usemap='#yourmaphere'> 
    <map name='yourmaphere'> 
    ... 
    </map> 
</span> 

.image_container { 
    position:relative; 
} 

#overlay_image { 
    position:absolute; 
    top:0; 
    left:0; 
    opacity:0.5; 
    filter: alpha(opacity = 50); 
    /* text-decoration: blink; */ /*optional*/ 
} 

(버전 2)

<img id='base_image' src='overlayimage.png' usemap='#yourmaphere'> 
<map name='yourmaphere'> 
... 
</map> 

#base_image { 
    background: transparent url(base.png) no-repeat scroll top left; 
} 
+0

나는 css를 직접 사용하는 기술을 선호한다. UR 테크닉은 유망하다. – cometta