スパン内側のアンカータグはクリックできません

-2

内側にあるアンカータグ内のスパンを使用しています。<li>です。何らかの未知の理由により、1つのアンカータグはクリック可能であり、他は部分的にクリック可能です（<span>部分のみ）。以下のコードです：詳細については、このリンクを参照してくださいスパン内側のアンカータグはクリックできません

.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;}

：：使用

<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 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

スパン内側のアンカータグはクリックできません

答えて

関連する問題