Текст отображается под оверлеем для Jquery Tools Overlay в IE 7

Question

Ссылка: http://designbracket.com/.Нажмите на наши услуги и ссылки под ним.Я использовал Overlay of Jquery Tools для отображения наложения при нажатии любой ссылки.Это друпальный сайт.Проблема в том, что хотя оверлей открывается, как и ожидалось, текст отображается под ним в IE 7, а в FF или Chrome этого не происходит (очевидно, нет:)).

Я думаю, что это нужнос ошибкой z-index в IE 7. Однако, несмотря на то, что я потратил два дня на эту глупую проблему, у меня не было никаких успехов.

Пожалуйста, помогите.Любая помощь или предложения будут высоко оценены.Если вопрос неоднозначный, пожалуйста, дайте мне знать, и я постараюсь указать более подробную информацию.

Спасибо

Answer 1

У меня была похожая проблема, когда оверлей отображался за маской Expose в IE7, поэтому на странице не было элементов, которые можно активировать, включая наложение. Добавление этого в настройках overlay() решило проблему:

onLoad:  function() {
  this.getOverlay().insertAfter('#exposeMask');
}

Answer 2

Я знаю, что это старый билет, но я просто опубликую его, потому что он мне помог.

У меня возникли проблемы с оверлеем в IE7 и инструментах jquery из-за того, что мои оверлейные div-элементы внутри сетки 960 div. Изменение z-индекса (z-index: 9999999 !important;) вообще не помогло.

Чтобы решить эту проблему, я просто переместил свои оверлейные div'ы непосредственно перед закрывающим тегом </body>, который находился вне классов .container или .grid.

Надеюсь, это кому-нибудь поможет.