Изображения и границы гиперссылок — рамка Ghost размером 1 x 1 пиксель

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

  •  05-07-2019
  •  | 
  •  

Вопрос

У меня есть изображение, заключенное в тег привязки, который через jQuery запускает действие где-то еще на странице.Когда я нажимаю на изображение, в верхнем и нижнем левом углах изображения появляются два крошечных прямоугольника размером 1 на 1 пиксель.

В моих стилях CSS явно не указано отсутствие границ для изображений: a,img { border: 0; }

Кажется, это происходит только в Firefox 3.У кого-нибудь еще была эта проблема?


Вот скриншот левой части изображения (изображение имеет белый фон):

альтернативный текст http://neezer.net/img/ss.png

Это не фон или граница какого-либо другого элемента.Я проверил.

Это было полезно?

Решение 4

Я списал это на ошибку в Firefox 3 и jQuery 1.2.6, поскольку мне еще предстоит воспроизвести ее с какой-либо другой версией Firefox или jQuery.

Другие советы

Ваш тег привязки находится под линией подчеркивания?

Установите a и a: hover в этой ситуации на text-художественное оформление: нет.

Произошло со мной, и причина, по которой это были две крошечные коробки, в том, что ширина элемента не совсем расширилась или что-то в этом роде.

Удачи!

D'Oh: я вижу верхний и нижний левый боксы. Может быть что-то еще, например фон или граница содержащего элемента, выглядывающего сквозь него.

Пробовали ли вы также установить стиль рамки: нет; ? Это длинный выстрел, но вы никогда не знаете ...

Что такое свойство display элемента привязки? Вы можете попробовать установить свойство display как " block " и убедитесь, что для параметра float для внутренних элементов IMG установлено значение «none».

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top