Границы изображений и гиперссылок - Призрачная граница 1px x 1px
У меня есть изображение, заключенное в тег привязки, который через jQuery запускает действие где-то еще на странице. Когда я нажимаю на изображение, в верхнем и нижнем левом углах изображения появляются два крошечных прямоугольника размером 1 на 1 пиксель.
Мои стили CSS явно не указывают границ для изображений: a,img { border: 0; }
Также, похоже, это происходит только в Firefox 3. У кого-нибудь еще была эта проблема?
Вот скриншот левой части изображения (рисунок на белом фоне):
альтернативный текст http://neezer.net/img/ss.png
Это не фон или граница любого другого элемента. Я проверил.
Если да, попробуйте -moz-outline: none;
Ответы 4
Ваш тег привязки находится ниже или выше?
Установите a и a: hover в этой ситуации на text-decoration: none.
Это случилось со мной, и причина, по которой это были две крошечные коробки, в том, что ширина элемента не совсем увеличивалась или что-то в этом роде.
Удачи!
D'oh: Я вижу, что это верхнее и нижнее ЛЕВОЕ поля. Это может быть что-то еще, например фон или граница просматриваемого элемента.
Вы пробовали также установить стиль границы: нет;? Это долгий путь, но мало ли ...
Что такое свойство отображения элемента привязки? Вы можете попробовать установить свойство display как «block» и убедиться, что для параметра float внутренних элементов IMG установлено значение «none».
Я списал это на ошибку с Firefox 3 и jQuery 1.2.6, поскольку мне еще не удалось воспроизвести ее с какой-либо другой версией Firefox или jQuery.
Вы говорите о пунктирной рамке, которая видна, когда ссылка активна?