이미지 및 하이퍼 링크 테두리 -Ghost 1px x 1px 테두리

문제

jQuery를 통해 페이지의 다른 곳에서 동작을 트리거하는 앵커 태그로 싸인 이미지가 있습니다. 이미지를 클릭하면 이미지의 왼쪽 상단과 하단에 두 개의 작은 1px x 1px 상자가 나타납니다.

내 CSS 스타일은 이미지에 대한 경계가 없습니다. a,img { border: 0; }

또한 Firefox 3에서만 발생하는 것 같습니다. 다른 사람 이이 문제가 있습니까?

다음은 이미지의 왼쪽 부분의 스크린 샷입니다 (그래픽에는 흰색 배경이 있습니다).

그것은 다른 요소의 배경이나 경계가 아닙니다. 나는 확인했다.

해결책 4

Firefox 3 & JQuery 1.2.6으로 버그까지 이것을 분쇄했습니다. 아직 다른 버전의 Firefox 또는 JQuery와 함께 복제하지 않았기 때문입니다.

다른 팁

앵커 태그가 아래에 있거나 과도하고 있습니까?

A와 A를 설정하십시오. 해당 상황에서 호버를 텍스트 결정 : 없음.

나에게 일어 났고, 그것이 두 개의 작은 상자 인 이유는 요소의 너비가 확장되지 않았기 때문입니다.

행운을 빕니다!

D 'OH : 나는 그것이 상단과 하단 상자라는 것을 본다. 엿보기를 엿볼 수있는 배경이나 테두리와 같은 다른 것일 수 있습니다.

당신은 또한 설정을 시도 했습니까? 국경 스타일 : 없음;? 긴 샷이지만, 당신은 결코 알지 못합니다 ...

앵커 요소의 디스플레이 속성은 무엇입니까? "블록"의 디스플레이 속성을 설정하고 내부 IMG 요소 플로트 설정이 "없음"으로 설정되어 있는지 확인할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow