设“wmode”的值为“Opaque”,表示将Flash置于最底层。
还有一种方法也可以实现,就是将Flash设为透明显示,也不会挡住浮动的层。
条件1.只适用于IE 4.0 或以上版本.
条件2.flash 和其他元素在不同的layers里,且Flash所在的层的z-index较低。
条件3.Flash 必须设定为背景透明。(wmode= transparent).
以上三项缺一不可。
<div style="z-index:-1">
<embed name="Movie1" src="1234567.swf" quality="high" width=500 height=400 wmode="transparent" type="application/x-shockwave-flash">
</embed>
</div>
<div id="yaosansi" style="position:absolute; left:150px; top:100px; width:200px; height:200px; z-index:1; background-color: #009966; border: 1px none #000000; ">
</div>
wmode 属性/参数
值
Window | Opaque | Transparent
模板变量:$WM
说明
(可选)使您可以使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示的功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。
“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。“Window”表明 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。
“Opaque” 使应用程序隐藏页面上位于它后面的所有内容。
“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分进行显示,这样可能会降低动画性能。
“Opaque windowless”和“Transparent windowless” 都可与 HTML 层交互,并允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于“Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来。
如果忽略此属性,默认值为 Window。仅适用于 object。
因此,在HTML中将 <object> 的wmode参数设成这样:
<param name="wmode" value="Opaque">
然后将一个HTML的 <div>置于Flash影片之上,测试成功。
分享到:
相关推荐
例如,如果需要实现鼠标穿透效果或确保Flash内容在某些HTML元素之上,`transparent`或`windowless`模式可能是更好的选择。然而,透明模式可能会牺牲一些性能,特别是对于大尺寸或动画密集的Flash内容。 总之,解决`...
- `z-index:1`:设置了层叠顺序为1,意味着该div将会位于其他设置了`z-index`属性且值小于1的元素之上。 - `margin-left:-7px`:通过负边距调整位置,确保与页面其他元素对齐。 2. **Flash对象配置**: - `class...
同时,可以使用JavaScript或者jQuery来动态调整元素的层级,确保被遮挡的div始终位于Flash之上。 总的来说,解决“Flash遮住div”问题的关键在于理解Flash的渲染机制和`wmode`参数的作用。通过适当调整`wmode`值,...
在描述的场景中,假设有一个Flash对象嵌入在网页中,并且我们希望一个`div`元素覆盖在Flash之上。首先,我们需要确保这个`div`元素在HTML结构中位于Flash元素之后。然后,通过CSS设置`div`的`position`属性为`...
`transparent`使得Flash背景透明,而`opaque`则让Flash对象不再位于顶层,允许Div浮动层在其之上。 3. **调整Div容器的`z-index`** `z-index`是CSS中定义元素堆叠顺序的属性。数值越大,元素越靠前,显示在其他...
接下来,在这个Flash层之上,我们需要再添加一层透明的HTML元素,如img标签或div标签,作为超链接的触发区域。这个透明层的位置和尺寸需要与Flash对象完全匹配,以便覆盖整个Flash区域。透明图像是必需的,以免影响...
对于链接覆盖层`div2`,我们需要将其设置为绝对定位,并覆盖在Flash对象之上,同时设置`z-index`属性使其位于最上层,以便用户点击时能触发链接: ```html <div id="div2"> ...
给`<div>`标签设置一个比`<Object>`标签更高的`z-index`值,可以使`<div>`位于`<Object>`之上。例如: ```css .myDiv { position: relative; /* 必须设置定位 */ z-index: 100; /* 设置一个高于的值 */ } .my...
然而,由于Flash的默认渲染机制,它往往会覆盖在HTML元素之上,导致某些元素(如div层)无法正常显示。为了解决这个问题,我们需要调整Flash的渲染模式,使其能够位于HTML元素之下。本文将详细介绍如何通过设置Flash...
要使HTML层位于FLASH之上,需在FLASH对象参数中设置`wmode`为`transparent`,这样可以使FLASH变为透明,允许HTML元素在其上方显示。 7. **垂直居中于浏览器** 实现一个层在浏览器中垂直居中,可以使用绝对定位...
在这个场景中,我们需要设置`wmode`为`Opaque`,这样可以使SWF对象位于div层之下。示例代码如下: ```html <!-- other parameters if needed --> ``` 2. **通过SWFObject库插入SWF**: 如果你选择使用...
为了使A标签位于Flash之上,我们还可以使用`z-index`属性。`z-index`决定了元素在垂直于屏幕方向上的堆叠顺序。数值越大,元素越靠前,越能捕获鼠标事件。在示例代码中,虽然没有明确设置`z-index`,但只要A标签的...
2. 接着,在Flash对象之上创建一个透明的HTML层,这个层将作为超链接的触发器。你可以使用`<a>`标签配合`<img>`标签(使用透明GIF图像)来实现这一功能。透明GIF是为了确保不遮挡下方的Flash内容。例如: ```html ...
1. **透明模式(transparent)**:Flash对象允许背景内容透过,可以使用`z-index`来控制HTML元素和Flash的层级关系。但是,这种模式可能会降低Flash的性能,因为它需要不断更新背景。 2. **不透明模式(opaque)**...
遮罩层通常是一个半透明的黑色或者灰色层,覆盖在网页的其他元素之上,使得用户暂时无法与底层内容互动,而专注于弹出的窗口或提示。在JavaScript中,创建遮罩层可以通过操作DOM(文档对象模型)元素,设置CSS样式...
在这个例子中,通过使用具有不同z-index值的div标签来控制内容的层级关系,确保特定层(Layer2)显示在另一个层(Layer1)之上。 最后,还提供了一个ASP中嵌入FLASH广告的代码示例,FLASH是Adobe公司开发的一种动画...
在Flex应用的容器上设置负值的`z-index`,可以让它位于页面的最底层: ```html <div style="position: relative; z-index: -100;"> <object ...> 或 </div> ``` 在这个例子中,`z-index`设置为-100,确保...
- 可以在div内部插入一个透明的iframe,通过设置其样式(如 `z-index:-1`,`position:absolute` 等),使其位于select元素之上,从而防止select下拉菜单挡住div内容。 8. iframe自适应高度(跨域问题): - 当...