Я сталкиваюсь со странным поведением IE7.
В моем приложении у меня есть десятки файлов JS и CSS. Из-за количества запросов на загрузку каждой страницы я решил собрать их все в два файла: пакет со всеми файлами CSS (css_pack.css) и еще один со всеми файлами JS (js_pack.js). 1003 *
Все отлично с FF, Chrome, IE8. Проблема заключается в отображении моего приложения на IE7. В IE7 кажется, что пакеты (и css, и js) не читаются. То есть мое приложение полностью отформатировано и потеряло много динамического поведения js bahavior (jquery).
После многих тестов я попытался удалить пакеты и указать каждый файл отдельно. Теперь все возвращается к работе в IE7 вместе с моей проблемой производительности ...
Ну, это кому-нибудь знакомо? Почему только в IE7 мои пакеты не нравятся?
UPDATE:
Это часть моей головной части:
<head>
<link rel="stylesheet" href="<c:url value="/css/blueprint/screen-nopack.css"/>" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<c:url value="/css/blueprint/print-nopack.css"/>" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="<c:url value="/css/blueprint/ie-nopack.css"/>" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="<c:url value="/css/css_pack.css"/>" type="text/css" media="screen, projection">
<!--[if lt IE 8]><link rel="stylesheet" href="<c:url value="/css/11-jqtransform.css"/>" type="text/css" media="screen, projection"><![endif]-->
<script type="text/javascript" src="<c:url value="/js/js_pack.js"/>"></script>
<!--[if IE]> <script type="text/javascript" src="<c:url value="/js/excanvas-nopack.js"/>"></script> <![endif]-->
</head>
Файл, на который указывает линия ...
<!--[if lt IE 8]><link rel="stylesheet" href="<c:url value="/css/11-jqtransform.css"/>" type="text/css" media="screen, projection"><![endif]-->
... входит в комплект css (css_pack.css). Тем не менее, его содержимое читается IE, только когда в заголовок добавлена отдельная строка ...
UPDATE2
Это HTML-код, сгенерированный обработкой предыдущего JSP и полученный IE7:
<head>
<link rel="stylesheet" href="/GestorAMPB/css/blueprint/screen-nopack.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/GestorAMPB/css/blueprint/print-nopack.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="/GestorAMPB/css/blueprint/ie-nopack.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="/GestorAMPB/css/css_pack.css" type="text/css" media="screen, projection">
<!--[if lt IE 8]><link rel="stylesheet" href="/GestorAMPB/css/11-jqtransform.css" type="text/css" media="screen, projection"><![endif]-->
<script type="text/javascript" src="/GestorAMPB/js/js_pack.js"></script>
<!--[if IE]> <script type="text/javascript" src="/GestorAMPB/js/excanvas-nopack.js"></script> <![endif]-->
</head>