0

問題:ロゴをクリックすると、firefox と chrome の両方でロゴの下に黒いバーが表示されます。ロゴをクリックしたままにすると、そのまま残ります。

以下は、フォーカス時に黒いバーを削除しようとしたコードの一部です。

a:active, a:focus { 
 outline: none; 
}
a {
outline: none;
}
:focus {
outline:none;
}
::-moz-focus-inner {
border:0;
}
a img {outline : none;}
img {border : 0;}

誰かが黒いバーの原因を教えてもらえますか?

4

4 に答える 4

1

これは非常に奇妙な問題ですが、回避策は画像の周りに div を追加することです。

<a class="coa-link" href="/" title="Home">
<div>
<img src="/files/2012/07/AC-banner-white-test7.png" alt="">
</div>
</a>

クロムインスペクターでうまくいきました。

于 2013-11-05T00:54:35.447 に答える