Проблема - Nivoslider находится в верхней части выпадающего списка jquery в IE7

Question

Arrgghhh!У меня были серьезные проблемы с выпадающим списком jquery и моим нивослайдером в IE7.По какой-то причине выпадающий список jquery находится за нивослайдером в IE7.Он прекрасно работает во всех других браузерах, кроме IE7.Я знаю, что это проблема z-index, но я еще не нашел хорошего решения с моей стороны.Сайт - www.ecologicalgroup.com.Есть предложения?

Answer 1

есть отличное сообщение от веб-разработчика по имени vance lucas, который помогает написать функцию Jquery для исправления проблем IE7 с z-index.

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

в основном вставляет это в любой из ваших файлов Jquery .js, и он правильно устанавливает приоритеты Z-индекса для IE7.

$(function() {
    var zIndexNumber = 1000;
    $('div').each(function() {
    $(this).css('zIndex', zIndexNumber);
    zIndexNumber -= 10;
});
});

Answer 2

Попробуйте дать вашему заголовку положение относительно и установите для z-index более высокое значение, чем у nivo-слайдера.

#header{
    position: relative;
    z-index: 1000;
}