앵커 태그 대시 (hover)

나는 앵커 호버에서 재미있는 돌진을보고있다. 나는 그 안에 이미지가있는 것이 대부분이라고 생각합니다. text-decoration : none으로 해결할 수있는 표준 밑줄이 아닙니다.앵커 태그 대시 (hover)

저는 rgba (0, 0, 0, 0)로 수정했지만 더 좋은 방법이 있을지 궁금합니다. 왜냐하면 텍스트 앵커가 그것은 사회적 아이콘 당신은이 문제를 해결하기 위해 font-size: 0;을 사용할 수 있습니다

2014-11-18 Gambai

링크 된 예제에서 소셜 아이콘의 '대시'는': hover'에'text-decoration : underline'입니다. –

에 국한되지 비록, 여기

내 예입니다) 색상에 있습니다. 문제는 inline 요소에 태그를 중첩 할 때 공백입니다. 입구가 닫히는 사이의 공간이 <a>이고 <img> 태그의 시작 부분이 보입니다.

여기뿐만 아니라, 다른 솔루션입니다 :

<a href="#"><!-- 
    --><img src="myImg.jpg" /><!-- 
--></a>

는 또한, a 요소에 대한 호버 규칙뿐만 아니라 text-decoration 밑줄이 있습니다. 제거하면 white-space 항목이 보존되지만 밑줄은 표시되지 않습니다.

2014-11-18 22:10:14

이것이 작동하지 않습니다. 나는 단지 사이트 전체에 font-size : 0을 말할 수는 없다. 그리고 그것은 밑줄 문제가 아니며, 전에 시도했습니다. 공백에 대한 흥미로운 아이디어, 나는 이것이 문제라는 것을 정말로 확신 할 수 없다. – Gambai

또한 문제가 있음을 보증 할 수도 있습니다. 또한,'hover' 규칙에서'text-decoration : underline'을 얻었습니다. –

답변