MPG-Dateien und Z-Index-Positionierung

Question

Gibt es eine Möglichkeit, .mpg-Dateien unter anderen Elementen in CSS ausblenden?

Ich habe eine Position: behoben; Menü auf einer Website, die ich entwerfe, und ich habe es so eingerichtet, dass es über allen anderen Elementen auf der Seite steht. Wenn ich jedoch einen .mpg-Film zum Inhalt hinzufüge, scheint er über allem zu bleiben - einschließlich des Menüs.

Die Seite ist hier: http://adamnbowen.com/topology/. Ich habe versucht, Position: fixed und z-index: 0 hinzuzufügen, nur um mit dem Z-Index des Films zu experimentieren, aber es scheint unbeeinflusst ... Habe ich etwas übersehen, oder ist das in CSS nicht möglich, oder gibt es ein? Fehler in Firefox 3.5, etc ...

Also, wenn es eine Lösung in CSS oder Javascript oder etwas, das wäre toll. Wenn das Problem dadurch gelöst wird, dass die .mpg-Datei in eine .swf-Datei oder so geändert wird, ist das auch akzeptabel. Ich würde viel lieber vermeiden, dass ein animiertes GIF zu verwenden, wie ein Vielfaches der Größe der .mpg Datei ...

Vielen Dank für jede potenzielle Hilfe sein wird

Answer 1

Bestimmte Inhalte auf der gemacht wird, alles andere. Normalerweise wird alles mit object- oder embed-Tags deklariert, aber in den Dropdown-Listen von IE 5 und 6.

Ich habe die folgenden Funktionen in Verbindung mit JQuery verwendet, um Seitenelemente nach Bedarf zu unterdrücken und zu unterdrücken, wenn ich Flyout-Menüstrukturen in einem aktuellen Projekt gerendert habe.

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) 
} 

In Ihrem Fall würde ich den Abstand des embed-Elements von oben auf der Seite bekommen und binde etwas zum scroll Ereignisse Fenster für, wenn die scrollTop der Seite zu sehen und das Einbettungsunterdrücken, wenn sie unterhalb dem sind Speisekarte.