-2
Я использую прорезь внутри якорной метки, которая находится внутри <li>
. По какой-то неизвестной причине один тег привязки доступен для кликов, а другой - частично кликабельным (только часть <span>
). Ниже приведен код:Якорная бирка с внутренним охватом не может быть нажата
<div id="catIcons">
<ul class="catList">
<li><a href="" title="" class="catAir"><span>Travel & Airline</span></a></li>
<li><a href="" title="" class="catEcom"><span>eCommerce & 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 & 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
Спасибо
Я нашел, в чем проблема. Ползунок на странице был помещен абсолютно и имел более высокое значение z-индекса. Он покрывал половину якорной метки. Поэтому я позиционировал свой div как абсолютный и дал ему значение z-индекса hihger. Пожалуйста, предложите, есть ли лучшее решение. –
Пожалуйста, разместите всю необходимую информацию в вопросе. Обращаясь к странице, которую вы разрабатываете, она удалит информацию, когда вы решите проблему. –