Я должен признать, что я ПОЛНОСТЬЮ озадачен этим.Я искал интернет для исправления, но если это уже было решено, я искренне извиняюсь заранее.
Я работаю над сайтом, который должен прекрасно работать, по крайней мере,IE8.Я отключил некоторые приятные вещи для IE6 и помню, что он отлично работает во всех версиях.Также отлично работает в Firefox, Chrome и Safari.Тем не менее, сегодня он просто решил сломать.Вот проблемы:
Страница просто не загрузится в IE6, 7 или 8. Мое единственное предположение, что есть сценарий или что-то в голове, которая останавливает браузер.Я попытался загрузить его после удаления всех скриптов и ссылок в голове, но безрезультатно.Это просто белая страница.Как я могу это исправить?
Когда страница использовалась для загрузки, верхняя навигация была сломана во всех версиях IE.В Firefox, Chrome или Safari все было хорошо.Каждая ссылка в навигации - это <li>, внутри которой - <a>.Когда пользователь переворачивает <li>, соответствующее изображение «прожектора» под ним будет меняться через специальный бит jquery.Но теперь ссылка даже не появляется.
По какой-то причине изображения внизу с небольшими вкладками в них ломаются.В нормальном состоянии они в порядке.При наведении курсора вкладка должна немного выскочить и изменить цвет.У меня есть border-radius и box-shadow на них, и я также использую пирог CSS3 на контейнере.Однако при опрокидывании углы становятся черными.Похоже, что png не отображается должным образом, но они сделаны с помощью CSS.Эта проблема не так актуальна, как возвращение базовой функциональности страницы, так как я могу просто вернуться к использованию изображений для этого, но это еще и чертовски головокружительная боль.
В моем офисеМы изначально используем IE9 в Windows 7 вместе с программой IETester для загрузки сайта в других версиях.У нас довольно старый компьютер, на котором работает IE6, но результаты одинаковы для всех.
Этот проект приближается к крайнему сроку, поэтому его просто взломать и сломать, как это довольно печально.Если у кого-то есть идеи, что пошло не так, пожалуйста, дайте мне знать.Сайт размещен по адресу:
Это местоположение
Страница объединяется с php include для header.php и footer.php.
Просто чтобы вы знали, что связано в заголовке:
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" ></script>
<script src="js/libs/modernizr-2.0.6.min.js" type="text/javascript" ></script>
<script src="js/script.js" type="text/javascript" ></script>
<script src="js/plugins.js" type="text/javascript" ></script>
<script src="js/libs/PIE.js" type="text/javascript" ></script>
<!--[if IE 6]>
<link href="css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
В таблицах стилей, сброса и типографики последовательно включается @import.Они также находятся в каталоге css.
Вот мой заголовочный файл, начиная с тега body:
<body>
<div id="wrapper">
<div id="header">
<div id="masthead"></div>
<ul class="nav">
<li class="nav_spacer_left"></li>
<a href="#" id="nav1"><li class="index"></li></a>
<a href="##" id="nav2"><li class="works"></li></a>
<a href="###" id="nav3"><li class="products"></li></a>
<a href="####" id="nav4"><li class="partners"></li></a>
<a href="#####" id="nav5"><li class="company"></li></a>
<a href="######" id="nav6"><li class="contact"></li></a>
<li class="nav_spacer_right"></li>
</ul>
<div id="lights">
<div class="nav_light" id="nav1_light"></div>
<div class="nav_light" id="nav2_light"></div>
<div class="nav_light" id="nav3_light"></div>
<div class="nav_light" id="nav4_light"></div>
<div class="nav_light" id="nav5_light"></div>
<div class="nav_light" id="nav6_light"></div>
</div>
</div><!--! end of #Header -->
<div class="clear"></div>
<div id="background">
<div class="shelf"></div>
<div class="content">
Вот jQuery для прожекторов, очень простой материал:
/*
Spotlights
*/
$(document).ready(function() {
$('#nav1').hover(function() {
$('#nav1_light').addClass('nav_light_bright');
}, function() {
$('#nav1_light').removeClass('nav_light_bright');
});
$('#nav2').hover(function() {
$('#nav2_light').addClass("nav_light_bright");
}, function() {
$('#nav2_light').removeClass("nav_light_bright");
});
$('#nav3').hover(function() {
$('#nav3_light').addClass("nav_light_bright");
}, function() {
$('#nav3_light').removeClass("nav_light_bright");
});
$('#nav4').hover(function() {
$('#nav4_light').addClass("nav_light_bright");
}, function() {
$('#nav4_light').removeClass("nav_light_bright");
});
$('#nav5').hover(function() {
$('#nav5_light').addClass("nav_light_bright");
}, function() {
$('#nav5_light').removeClass("nav_light_bright");
});
$('#nav6').hover(function() {
$('#nav6_light').addClass("nav_light_bright");
}, function() {
$('#nav6_light').removeClass("nav_light_bright");
});
})
Если просьба людей копаться в моем коде делает меня придурком, я снова искренне извиняюсь.Я действительно ценю любого, кто достаточно любезен, чтобы помочь мне с этим и хочу сказать спасибо заранее.Если это всего лишь какой-то крошечный незакрытый тег или что-то еще, то будьте уверены, что я буду заниматься работой по крайней мере десять минут.
У меня возникли проблемы при публикации вопроса, поэтому вместо ссылок на страницы я включил некоторыеСценарий здесь.Если вы хотите просмотреть все css, они находятся в каталоге / css / сайта, на который я ссылался ранее.Конечно, я могу выложить больше кода здесь, если это необходимо.