Firefoxでは、私のフッタのリンクのクリック可能な領域はTINYです。クリック可能な領域は、ラベル全体(幅と高さの両方)にまたがっていません。 IEでは、それは問題ありません。何か案は?ここでFirefoxの小さなクリック可能な領域
は、私のフッターのコードです:
<div id="footer">
<ul>
<li>RKM Research and Communications, Inc. |</li>
<li>1039 Islington St |</li>
<li>Portsmouth, NH 03801 |</li>
<li>603.433.3982 |</li>
<li><a href="mailto:[email protected]">email us</a></li>
</ul>
<ul class="copyright">
<li>© 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;
}
jsfiddleまたは任意の他のサービス(ホスト型であっても自己)を介しての例を提供することが可能である:ここでは、Firefoxの検査官とのスクリーンショットです。しかし、テストコードを提供してください。とにかく、ディスプレイが上書きされているかどうかを確認しましたか? – Styxxy