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

Question

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

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

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

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

Answer 1

я должен был сделать позицию ссылка: относительная; в явном виде.

Answer 2

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

Answer 3

Это известное ограничение IE6 - ссылки в контейнере, которые используют фильтры для создания прозрачных фонов не являются интерактивными Вы можете найти more information and a workaround here