2011-10-27 3 views
0

이미지 (이미지 맵과 같은 비트) 위에 투명 링크를 만들려고 시도하고 있지만 어떤 이유로 링크에 고정 높이와 너비를 지정할 수 없습니다. 그것은 배경색입니다. 그것이 이미지를 덮을 것이기 때문에 이것은 이상적이지 않습니다!링크 높이 및 너비 설정

불행히도 링크를 배경색으로 지정하고 불투명도를 0으로 설정하면 jquery 애니메이션이 충돌하므로이 작업을 수행 할 수 없습니다.

어떻게 생각 하나?

HTML

<a class="testlink" href="link.html">&nbsp;</a> 

CSS

.testlink { 
    position:absolute; 
    top:78px; 
    left:0px; 
    text-decoration:none; 
    display:block; 
    width:275px; 
    height:200px; 
    /* background-color:#333; inserting this into the styles give the link a width/height */ 
} 
+0

이 내용은 jsFiddle http://jsfiddle.net/77BDu/에 복사되었으며 링크의 너비와 높이가있는 것으로 보입니다. 코드를 실행하고 생성 된 요소를 검사하십시오. 건배. – iGbanam

답변

2

당신이 base64로와 CSS에 당신이 그것을 포함 할 수있는 외부 이미지를 사용하지 않으려면, 배경으로 PNG 투명 × 1을 사용할 수 있습니다 -encoding

+1

지원해야하는 브라우저에 따라 불투명도를 0으로 설정할 수도 있습니다. – Flimzy

+0

제가 언급했듯이 저는 이것을 시도했지만 다른 관련없는 jquery 애니메이션과 충돌합니다. – Tom

관련 문제