把 Flash 置于底层

在网站的开发中，我们往往会碰到这样的问题：JS的下拉菜单被 Flash 给遮住了，这该怎么办呢？

现在提供两种方法，同大家一起来研讨：

第一种：用 CSS 方法来做，把 div 用 z-index 属性来解决层叠关系中的相对位置。

第二种：直接给 Flash 加个属性。

第一种方法比较常用，第二种方法自我感觉比较省力，特别适用于 Banner Flash ，但还是要结合实际情况来看，没有好坏之分。

详解：CSS z-index属性

        1、z-index属性可以设置元素的堆放次序。有着较大的值的元素会堆叠在较小值元素的上面。

        2、元素可以使用负数的堆叠次序

        3、z-index只可以在被定位的元素上使用(比如 position:absolute)

        4、无继承性

        例如：

                        img{                 
                                z-index: -1                
                        }  

        可用值：

 

auto	The stack order is equal to its parents  堆叠次序值等于它的父级堆叠次序值
number	Sets the stack order of the element 设置元素的堆叠次序值

 

 

<img id="Img1" src="1.gif"/>
<img id="Img2" src="2.gif"/>

CSS:
img{
        position:absolute;
        left:0;
        top:0;
}
#Img1{
        z-index:1;
}
#Img2{
        z-index:2;
}

z-index只在发生元素重叠的情况下才体现
它规定了元素堆叠的次序

详解：Flash 层叠属性

        关键属性：<param   name="wmode"   value="transparent">   （置于底层）

 

OK，问题解决！

 

----------------------------------------------------------------------------------------------------------

http://www.yfstudio.cn/post/15.html