mpg 파일 및 z- 인덱스 위치 지정

Question

CSS의 다른 요소에서 .mpg 파일을 숨길 수 있습니까?

나는 위치가 고정되어있다; 메뉴를 디자인하고있는 웹 사이트의 메뉴에서 페이지의 다른 모든 요소 위에 있어야합니다. 그러나 .mpg 동영상을 콘텐츠에 추가하면 메뉴를 포함하여 모든 것 위에 머물러있게됩니다.

페이지는 http://adamnbowen.com/topology/입니다. 추가 위치를 시도 : 고정 및 Z- 인덱스 : 0 그냥 영화의 Z- 인덱스로 실험 할 수 있지만 영향을받지 것 ... 뭔가, 또는 CSS에서 수행 할 수없는, 또는 거기에 무엇입니까? 파이어 폭스 3.5의 버그 등.

CSS 나 자바 스크립트 등에서 해결책이 있다면, 좋을 것이다. 그렇지 않으면 .mpg 파일을 .swf 파일이나 다른 것으로 바꾸어서 문제를 해결할 수 있다면 받아 들일 수 있습니다. 즉, .MPG 파일의 크기 많은 배수가 될 것입니다 나는 차라리 ..., 애니메이션 GIF를 사용하지 잠재적 인 도움을

감사합니다,

Answer 1

특정 내용의 상단에 렌더링을 피할 것 그 밖의 모든 것. 일반적으로 object 또는 embed 태그로 선언되었지만 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 요소의 거리를 얻을 페이지의 경우 scrollTop을 감시하기 위해 윈도우의 scroll 이벤트에 뭔가를 바인딩하고는 아래의 경우에 삽입을 억제하는 것 메뉴.