2009-07-31 46 views
0

有沒有辦法在CSS中的其他元素下隱藏.mpg文件?mpg文件和z-索引定位

我有一個位置:固定;我正在設計一個網站上的菜單,我已經將它設置在頁面中所有其他元素的頂部。但是,當我將一部.mpg電影添加到內容中時,它似乎保持在所有內容之上 - 包括菜單。

該頁面在這裏:http://adamnbowen.com/topology/。我嘗試添加position:fixed和z-index:0只是爲了試驗電影的z-index,但它似乎沒有受到影響......我忽略了一些東西,或者這不可能在CSS中做,或者是否存在在Firefox 3.5等錯誤...

所以,如果有一個在CSS或JavaScript或什麼的解決方案,這將是偉大的。否則,如果問題通過將.mpg文件轉換爲.swf文件或其他東西解決,那也是可以接受的。我寧願避免使用GIF動畫,因爲這會有很多的倍數.MPG文件的大小...

感謝您的任何潛在的幫助,

回答

0

某些內容呈現上的頂部一切。通常它是用對象或嵌入標籤聲明的,但在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) 
} 

在你的情況我會在頁面的頂部獲取嵌入元素的距離和綁定的東西到窗口的scroll事件來監視頁面時scrollTop和抑制嵌入時,它的下方的菜單。