Вы должны использовать условные комментарии для этого, быстрее, проще, короче, как это:
<!--[if lt IE 8]>
<style type="text/css">#element { display: none; }</style>
<![endif]-->
Это скроет элемент в IE7 и ниже. Вам не нужен любой сценарий, чтобы согласиться с этим, просто удалите display: none
, который у вас сейчас скрывается, изначально из исходной таблицы стилей (или в строке).
Для комментариев, касающихся Google Pagespeed, это не нравится ... не обращайте на это внимание, если вам нужно исправить ошибку IE7, исправьте ее правильным способом. Это быстрее и проще ... если Pagespeed смог проверить, используете ли вы пользовательский агент для этого (что делает jQuery.browser
), он бы рекомендовал не делать этого, он просто не есть механизм, который говорит вам, что это худший подход.