内部跨度的锚标记不可点击

时间:2012-01-10 21:17:39

标签: html css

我在<li>内使用了span标签内的span标签。由于某些未知原因,一个锚标记是可点击的,而另一个是部分可点击的(仅<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

谢谢

1 个答案:

答案 0 :(得分:1)

尝试为每个锚点上的href属性赋值。例如:

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