Хобрук: Ваш путь к мастерству в программировании

Тег привязки со ссылками изображения на изображение вместо href в стандартном режиме Internet Explorer 9

В моем макете сайта у нас есть стандартное изображение логотипа компании в верхнем левом углу, которое ведет на домашнюю страницу. HTML простой -

<a href="/">
  <img src="/Images/imageName.png" alt="Company Home" height="" width="" />
</a>

При наведении курсора на изображение отображается URL-адрес, и он работает должным образом во всех браузерах, кроме IE 9. При нажатии на изображение в IE 9 вместо ссылки на домашнюю страницу происходит ссылка на само изображение.

Инструменты разработчика говорят, что режим браузера: IE 9, режим документа: стандарты IE9. Используемый тип документа является переходным XHTML (я не смогу переключить тип документа). Переключение режима документа в инструментах разработки на стандарты IE8 устраняет проблему. Похоже, это влияет только на IE 9.

Кто-нибудь сталкивался с этим раньше? Я пробовал жестко кодировать полностью определенный или другой URL-адрес (http://www.google.com) и по-прежнему получать изображение по клику.

html internet-explorer anchor xhtml internet-explorer-9
11.07.2011

  • Я не могу воспроизвести это. Какой URL-адрес вашей тестовой страницы? Вы уверены, что не просто перезагружаете кешированную (более старую) версию страницы? 11.07.2011
  • Эрик, у вас есть адрес нежелательной почты, на который я могу отправить URL? Я не смогу опубликовать это здесь. 11.07.2011
  • Пожалуйста, отправьте его мне @microsoft.com. 12.07.2011

Ответы:


1

После некоторых дополнительных раскопок выясняется, что проблема на самом деле была скрыта в каком-то javascript от одного из наших поставщиков аналитики.

Сочетание IE 9, делающего addEventListener() доступным, и свойства pathname тега привязки, возвращающего «» в IE и «/» в других браузерах, приводило к сбою некоторой логики в IE 9, которая была пропущена в других версиях.

У Эрика Лоуренса есть сообщение в блоге о проблеме с путевым именем -

http://blogs.msdn.com/b/ieinternals/archive/2011/02/28/internet-explorer-window-location-pathname-missing-slash-and-host-has-port.aspx

12.07.2011
Новые материалы
Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
Как построить любой стол
Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...
Обзор: Машинное обучение: классификация
Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..
Разработка расширений Qlik Sense с qExt
Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..