0

最近、自分の Web サイトに画像を追加しました。この画像は、次のようにアンカー タグでラップされています。

問題は、この画像に境界線があることですが、Firefox のみです。クロムに境界線が表示されていません。国境をなくしてほしい。a タグと img タグの両方の css を次のように設定しました。

text-decoration:none;
border-style:none;
border:none;
outline:none;
box-shadow: 0;
-moz-box-shadow:0;
background:none;
color:white;

画像は白い背景にある小さな灰色のアイコンで、gimp で再確認しましたが、画像の周りに境界線はまったくありません。それで、私は何を逃したのですか？それはどこから来ているのですか？firefox でしか表示されないのはなぜですか? そして、どうすればそれをなくすことができますか？

Firefox のバージョンは 17.0.1 です

4

2 に答える 2

3

それで、私は何を逃したのですか？

90年代と00年代。

それはどこから来ているのですか？

ブラウザのデフォルトのスタイルシートから来ています。

firefox でしか表示されないのはなぜですか?

リンク先の画像に枠線を表示するかどうかは、ブラウザによって独自のルールがあるようです。

そして、どうすればそれをなくすことができますか？

a img {
    border: none;
}
于 2013-01-28T16:05:11.213 に答える
1

信じられないことに、私は答えを見つけました - ズームインしたことがわかりましたが、1つだけだったので気づきませんでした. ページのコンテンツ全体をjsfiddleに貼り付けてから、サイズがわずかに異なることに気付きました。

どうやら、Firefox がズームインすると、画像に境界線が追加されます。理由は想像できませんが、ズームアウトすると境界線がなくなりました。問題は解決したと思います。これをもっと早く見つけていたらよかったのにと思います。何日も悩まされていました。

于 2013-01-28T17:17:09.137 に答える