файлы mpg и позиционирование по z-индексу - PullRequest
Новая
       12

файлы mpg и позиционирование по z-индексу

0 голосов
/ 31 июля 2009

Есть ли способ скрыть файлы .mpg под другими элементами в CSS?

У меня есть позиция: исправлена; меню на веб-сайте, который я разрабатываю, и он установлен поверх всех других элементов на странице. Однако, когда я добавил фильм .mpg к содержимому, он, кажется, остался на вершине всего, включая меню.

Страница находится здесь: http://adamnbowen.com/topology/. Я пытался добавить позицию: fixed и z-index: 0, просто чтобы поэкспериментировать с z-index фильма, но, кажется, это не изменилось ... или это невозможно сделать в CSS, или есть ошибка в Firefox 3.5 и т. д ...

Так что, если есть решение в CSS или javascript или что-то еще, это было бы замечательно. В противном случае, если проблема будет решена путем преобразования файла .mpg в файл .swf или что-то подобное, это также будет приемлемо. Я бы предпочел избегать использования анимированного GIF-файла, так как он будет в несколько раз больше размера файла .mpg ...

Спасибо за любую потенциальную помощь,

1 Ответ

0 голосов
/ 01 августа 2009

Определенный контент отображается поверх всего остального. Обычно это все, что объявлено с тегами объекта или встраивания, но в IE 5 и 6 выпадающие списки.

Я использовал следующие функции в сочетании с JQuery для подавления и отмены элементов страницы по мере необходимости при рендеринге структур всплывающего меню в недавнем проекте. 

function suppressElements(owner) {
    //check for unsurpressed elements and suppress
    $("select[suppressor=], object[suppressor=], embed[suppressor=], input[suppressor=]")
        .attr("suppressor", owner)
        .animate({ "opacity": 1 / 100 }, 100, function() { $1_3(this).css("visibility", "hidden") })
}

function unsuppressElements(owner) {
    //check for elements you surpressed and unsuppress
    $("select[suppressor='" + owner], object[suppressor='" + owner], embed[suppressor='" + owner], input[suppressor='" + owner]")
        .attr("suppressor", "")
        .css("visibility", "visible").animate({ "opacity": 1 }, 100)
}

В вашем случае я бы получил расстояние элемента embed от верхней части страницы и связал бы что-нибудь с событием scroll окна, которое будет отслеживать, когда scrollTop страницы и подавить вставку, когда она находится под меню.

...