Почему ссылки на моем прозрачном элементе div становятся неактивными в IE?

Question

Ссылки на моем сайте: http://rnmtest.co.uk/oddfellows/

Если вы нажмете «Dine», вы должны увидеть кнопку «Забронировать». Этот элемент не кликабелен в IE. Область под ним имеет полупрозрачный png в качестве фона. Контент загружается через jQuery.

Я поместил привязку в контейнер div, как рекомендовано другими веб-сайтами, но это никак не повлияло Если я изменю размер окна в IE8, я могу когда-нибудь щелкнуть небольшую часть кнопки.

Этот эффект возникает на всех якорях, а не только на изображениях.

Answer 1

Это известное ограничение IE6 - ссылки внутри контейнера, которые используют фильтры для создания прозрачных фонов, не активируются Вы можете найти дополнительную информацию и обходной путь здесь

Answer 2

Мне пришлось сделать позицию ссылки: относительной; явно.

Answer 3

Как только вы загрузили контент из jquery, вы подключились к событию click? Вы убедились, что jquery завершил загрузку контента, прежде чем пытаться перехватить событие? Это очень легко сделать.