Question

有没有办法在CSS中的其他元素下隐藏.mpg文件？

我有一个职位：固定;我正在设计的网站上的菜单，我将它设置为页面中所有其他元素的顶部。但是，当我在内容中添加.mpg电影时，它似乎始终处于最重要的位置 - 包括菜单。

页面在这里：http://adamnbowen.com/topology/。我尝试添加position：fixed和z-index：0只是为了试验电影的z-index，但它似乎没有受到影响......我是忽略了什么，或者这是不可能在CSS中做的，或者是否有Firefox 3.5等中的错误......

因此，如果有CSS或javascript等解决方案，那就太好了。否则，如果通过将.mpg文件转换为.swf文件或其他问题来解决问题，那也是可以接受的。我宁愿避免使用动画gif，因为这将是.mpg文件大小的倍数......

感谢任何潜在的帮助，

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

在您的情况下，我会从页面顶部获取嵌入元素的距离，并将某些内容绑定到窗口的scroll事件，以观察页面的scrollTop时间并抑制嵌入当它在菜单下面时。

mpg文件和z-index定位

1 个答案: