스팬 안쪽에 앵커 태그를 클릭 할 수 없습니다.

-2

<li> 안에있는 앵커 태그 내부 스팬을 사용하고 있습니다. 알 수없는 몇 가지 이유로 인해 하나의 앵커 태그를 클릭 할 수 있고 다른 하나는 부분적으로 클릭 할 수 있습니다 (<span> 부분 만). 사용스팬 안쪽에 앵커 태그를 클릭 할 수 없습니다.

<div id="catIcons"> 
    <ul class="catList"> 
    <li><a href="" title="" class="catAir"><span>Travel &amp; Airline</span></a></li> 
    <li><a href="" title="" class="catEcom"><span>eCommerce &amp; Coupons</span></a></li> 
    </ul> 
    <ul class="catList"> 
    <li><a href="" title="" class="catSearch"><span>Classifieds </span></a></li> 
    <li><a href="" title="" class="catSocial"><span>Social Media &amp; UCG</span></a></li> 
    </ul> 
    <div class="clear"></div> 
</div>

CSS :

.catList{width:142px; float:left; margin:0 7px 0 0;list-style:none;padding:0;} 
.catList li{margin-bottom:5px;} 
.catList li a{display:block;padding-top:60px;} 
.catList li span{font-size:11px;font-weight:normal; color:#fff; text-align:center; padding:2px 0; margin:0 auto; display:block; background-color:#2A79B2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} 
.catAir{background:url('/images/category_icons.jpg') no-repeat 44px 8px;} 
.catEcom{background:url('/images/category_icons.jpg') no-repeat -492px 8px;}

자세한 내용은이 링크를 참조하십시오 : http://184.106.132.165/index.php

당신을

출처

2012-01-10 Saurabh Sharma

문제점을 발견했습니다. 페이지의 슬라이더는 절대적으로 배치되었으며 z- 인덱스 값이 더 높습니다. 앵커 태그 절반을 덮고 있었어. 그래서 내 div를 절대 위치에 배치하고 hihger z-index 값을주었습니다. 더 나은 해결책이 있는지 제안하십시오. –

질문에 필요한 모든 정보를 게시하십시오. 개발중인 페이지를 참조하면 문제를 해결할 때 정보가 제거됩니다. –

가 href 속성에 값을 할당 해보십시오 감사 아래 코드는 각 앵커에. 예 :

<a href="#" title="" class="catAir">...</a>

출처

2012-01-10 21:21:40 daGUY

스팬 안쪽에 앵커 태그를 클릭 할 수 없습니다.

답변

관련 문제