Firefox中的小可點擊區域

在Firefox中，我的頁腳中鏈接的可點擊區域爲TINY。可點擊區域不會覆蓋整個標籤 - 無論是寬度還是高度。在IE中，它很好。有任何想法嗎？Firefox中的小可點擊區域

這裏是我的頁腳代碼：

<div id="footer"> 
<ul> 
<li>RKM Research and Communications, Inc.&nbsp;&nbsp;|</li> 
<li>1039 Islington St&nbsp;&nbsp;|</li> 
<li>Portsmouth, NH 03801&nbsp;&nbsp;|</li> 
<li>603.433.3982&nbsp;&nbsp;|</li> 
<li><a href="mailto:[email protected]">email us</a></li> 
</ul> 
<ul class="copyright"> 
<li>&copy; 2012 RKM Research and Communications, Inc. </li> 
<li><a href="privacy.html">Privacy policy</a> </li> 
<li><a href="terms.html">Terms of use</a></li> 
</ul>

和我的CSS：

div#footer ul li{ 
color : #036; 
background-color : transparent; 
display: inline 
} 

div#footer ul li a{ 
color : #115EAC; 
text-decoration : none; 
display:inline-block; 
paddding:10px 20px; 
} 

.footer ul li a:hover{color:#F6901E; 
text-decoration : underline; 
}

我甚至已經嘗試使用類應用塊的風格，但它仍然沒有幫助：

<li class="flink"><a href="mailto:[email protected]">email us</a></li> 
</ul>

CSS：

.flink ul li a{ 
color : #115EAC; 
text-decoration : none; 
display:block; 
paddding:10px 20px; 
float:left; 
}

來源

2012-05-03 user1373338

是否可以通過jsfiddle或任何其他服務（甚至是自己託管）提供示例。但是，請只提供測試代碼。無論如何，你看過螢火蟲顯示是否被覆蓋？ – Styxxy

小世界，我也住在朴茨茅斯。

隨着您提供的代碼，可點擊區域就像它應該是。您可以在此處驗證：http://jsfiddle.net/cCDaL/1/

我已將每個a元素的背景設爲黃色，以便您可以確切地看到可點擊區域是什麼，並且確實是它應該是什麼。

我認爲你的問題的答案是，你有另一個使可點擊區域很小的CSS規則，可能是line-height或padding（填充在鏈接中不可點擊）。您可以使用Chrome或Firefox檢查員來查看可能存在的問題。

另一個編輯：在Firefox極光14.0a2，可點擊區域確實也很正常，對我來說，在您的網站http://www.rkm-research.com/。以下是Firefox檢查員的截圖： enter image description here

來源

2012-05-23 21:05:02 wnajar

Firefox中的小可點擊區域

回答

相關問題