帶有內部跨度的錨定標記是不可點擊的

-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-index值。它覆蓋了一半的錨標籤。所以我把我的div定位爲絕對值，並賦予它一個更高的z-index值。請建議是否存在更好的解決方案。 – 2012-01-10 21:30:20

請在問題中發佈所有必要的信息。參考您正在開發的頁面將在您解決問題時刪除信息。 – 2016-06-13 11:27:44

嘗試將href屬性賦值在每個錨上。例如：

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

來源

2012-01-10 21:21:40 daGUY

帶有內部跨度的錨定標記是不可點擊的

回答

相關問題