사파리 CSS 링크

Question

내가 상향 링크 스타일의 메뉴를이처럼 보이는이 작동하지 않습니다. 컨테이너 안의 텍스트를 표시하고 싶지 않으므로 표시 여부가 숨겨집니다.

재미있는 점은 지금입니다. IE 및 FF에서는 링크를 클릭 할 수 있지만 사파리에서는 마우스 오버 만 작동하지만 링크를 클릭 할 수는 없습니다. 스팬 컨테이너의 가시성을 변경하면 링크를 클릭 할 수 있습니다.

질문 이제 IE와 FF처럼 동작하도록 CSS 코드를 변경하는 방법은 무엇입니까? 텍스트를 표시하고 싶지는 않지만 메뉴를 클릭 할 수 있기를 원합니다.

Answer 1

오히려 숨겨진에 앵커의 가시성을 설정하는 것보다 다음과 같은 고려 :

ul li a 
{ 
    display:block; 
    width:100%; 
    height:100%; 
    text-indent: -9999px; // Hide the text 
} 

Working Example