画像とハイパーリンクの境界線-Ghost 1px x 1px Border

StackOverflow https://stackoverflow.com/questions/247530

  •  05-07-2019
  •  | 
  •  

質問

アンカータグでラップされたイメージがあり、jQueryを介して、ページ上のどこかでアクションをトリガーします。画像をクリックすると、画像の左上隅と左下隅に2つの小さな1x1のボックスが表示されます。

私のCSSスタイルでは、画像の境界線が明示的に指定されていません： a、img {border：0; }

また、Firefox 3でのみ発生するようです。他の誰かがこの問題を抱えていましたか？

画像の左部分のスクリーンショットです（グラフィックの背景は白です）：

代替テキストhttp://neezer.net/img/ss.png

それは背景でも、他の要素の境界でもありません。チェックしました。

役に立ちましたか？

解決 4

これをFirefox 3＆amp;のバグにチョークアップしました。 FirefoxまたはjQueryの他のバージョンでまだ複製していないため、jQuery 1.2.6。

他のヒント

アンカータグは下にありますか、それとも上にありますか？

その状況でaとa：hoverをtext-decoration：noneに設定します。

私に起こった、そしてそれが2つの小さな箱だった理由は、要素の幅がまったく伸びなかった、または何かのためでした。

がんばって！

D'oh：上部と下部の左のボックスが見えます。背景や覗き込む要素の境界線など、他の何かかもしれません。

border-style：none; も設定しようとしましたか？長いショットですが、あなたは決して知りません...

アンカー要素の表示プロパティは何ですか？表示プロパティを＆quot; block＆quot;として設定してみてください。内側のIMG要素のフロート設定が「なし」に設定されていることを確認してください。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top