2012-11-21 5 views
0

요소가 어린이 인 경우 링크가 작동하지 않는 이유는 무엇입니까? 이것에 대한 해결책이 있습니까? 이 중 하나를 찾았습니다 : When I wrap contents in an <a> tag, the link doesn't work in IE, help? 그리고 앵커 태그 대신 div를 사용하는 것이 좋습니다. 그러나 기본 브라우저 기능을 사용하고 스크립트를 작성하고 싶지는 않습니다.링크가 i 태그를 감싸는 경우 링크가 작동하지 않습니다.

<td class="pointer"> 
      <a href="{{ URL::to('admin/user/' . $user->user_id) }}"><i class="icons foundicon-unlock"></i></a> 
     </td> 

답변

0

가 만드는 a 요소는 콘텐츠로 i 요소가 있고, 콘텐츠에는 콘텐츠가 없으므로 빈 링크라고 할 수 있습니다. 작동 여부는 정의의 문제입니다. Google이이를 따르고 사용자는 Enter 키를 눌러 해당 항목에 집중할 수 있습니다. 그러나 클릭할만한 것이 없으므로 사람들은 일반적으로 어떤 링크도 보지 못합니다. 이것은 내부의 i 요소에 의존하지 않습니다. 빈 내용이있는 a 요소를 사용하면 동일한 결과를 얻을 수 있습니다.

그러나 클래스 이름을 사용하면 일부 스타일 시트가 빈 링크의 서식을 지정하여 링크처럼 보일 것으로 예상됩니다 (아마도 배경 이미지를 사용하는 것이 좋습니다). 아마도 코드는 마크 업에 대한 특정 기대치에 의존하며, i을 사용하면 태그를 충족시키지 못할 수도 있습니다.

사용중인 CSS (또는 JavaScript?) 코드의 문서를 참조하십시오. 문제가 해결되지 않으면 관련된 모든 코드를 게시하고 코드를 발견 한 곳을 확인하십시오.

1
가 작동하기 때문에 그것은 IE 또는 모든 브라우저에서 작동하지 않습니다

당신이 <a> 요소에서 <i> 태그를 취할 수 원하는 경우 Demo

Demo 2

HTML

<i><a href="www.google.com">Google</a></i> <!--Tested on IE 7,8,9 and obviously on firefox--> 

난 그냥 소스로 무엇을 얻을해야합니다, 당신의 href 속성을 의심하고, BTW 당신은 ​​당신이 어떤 이미지를 사용한다고 가정하면 <a> 태그 사이에 텍스트를했습니다 없습니다

코드는 게시
관련 문제