Элементы, не отображающиеся в Internet Explorer

Question

Было бы очень полезно, если бы кто-нибудь мог взглянуть на мой сайт и сообщить мне, почему элементы на моей целевой странице не отображаются в Internet Explorer.

Все работает отлично в Firefox, Safari и Chrome по крайней мере, но ничего не появляется в IE. Я думаю, что элементы там, они просто невидимы, как если бы мышь зависела от того, где должна быть кнопка или поле ввода, курсор меняется.

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

Действительно оцените любую помощь.

http://fitmumscoaching.co.uk/landing

Приветствия, Pinchy

Answer 1

Он работает в IE 7, IE 8, но не в IE 9.

В style.css строке номер 925 вместо opacity: 0 сделать его 1. Он также будет отображаться в IE9.

Или вы можете просто удалить непрозрачность снизу.

#banner, #banner2 .inner {opacity:1;} 

Answer 2

Насколько я могу видеть:

Он работает в IE 11 и IE 10.

Я думаю, что вы должны сделать свой сайт IE 9 и менее совместимы. Некоторые элементы HTML5, возможно, не используются в этих версиях.

Answer 3

Пожалуйста, используйте это в вашей голове разделе:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />