`
netfork
  • 浏览: 489411 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

让DIV层位于flash对象之上

    博客分类:
  • Flex
阅读更多
设“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影片之上,测试成功。
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    div层被flash层遮盖问题解决思路

    例如,如果需要实现鼠标穿透效果或确保Flash内容在某些HTML元素之上,`transparent`或`windowless`模式可能是更好的选择。然而,透明模式可能会牺牲一些性能,特别是对于大尺寸或动画密集的Flash内容。 总之,解决`...

    flash放置层叠级别

    - `z-index:1`:设置了层叠顺序为1,意味着该div将会位于其他设置了`z-index`属性且值小于1的元素之上。 - `margin-left:-7px`:通过负边距调整位置,确保与页面其他元素对齐。 2. **Flash对象配置**: - `class...

    flash遮住div问题的正确解决方法

    同时,可以使用JavaScript或者jQuery来动态调整元素的层级,确保被遮挡的div始终位于Flash之上。 总的来说,解决“Flash遮住div”问题的关键在于理解Flash的渲染机制和`wmode`参数的作用。通过适当调整`wmode`值,...

    flash可以被一个div覆盖的例子

    在描述的场景中,假设有一个Flash对象嵌入在网页中,并且我们希望一个`div`元素覆盖在Flash之上。首先,我们需要确保这个`div`元素在HTML结构中位于Flash元素之后。然后,通过CSS设置`div`的`position`属性为`...

    关于flash遮盖div浮动层的解决方法

    `transparent`使得Flash背景透明,而`opaque`则让Flash对象不再位于顶层,允许Div浮动层在其之上。 3. **调整Div容器的`z-index`** `z-index`是CSS中定义元素堆叠顺序的属性。数值越大,元素越靠前,显示在其他...

    给Flash加一个超链接(推荐使用透明层)兼容主流浏览器.docx

    接下来,在这个Flash层之上,我们需要再添加一层透明的HTML元素,如img标签或div标签,作为超链接的触发区域。这个透明层的位置和尺寸需要与Flash对象完全匹配,以便覆盖整个Flash区域。透明图像是必需的,以免影响...

    通过html为FLASH加链接的实现代码(div层)

    对于链接覆盖层`div2`,我们需要将其设置为绝对定位,并覆盖在Flash对象之上,同时设置`z-index`属性使其位于最上层,以便用户点击时能触发链接: ```html &lt;div id="div2"&gt; ...

    网页Object标签遮盖DIV标签解决方法

    给`&lt;div&gt;`标签设置一个比`&lt;Object&gt;`标签更高的`z-index`值,可以使`&lt;div&gt;`位于`&lt;Object&gt;`之上。例如: ```css .myDiv { position: relative; /* 必须设置定位 */ z-index: 100; /* 设置一个高于的值 */ } .my...

    如何让Flash不遮挡HTML div元素的技巧

    然而,由于Flash的默认渲染机制,它往往会覆盖在HTML元素之上,导致某些元素(如div层)无法正常显示。为了解决这个问题,我们需要调整Flash的渲染模式,使其能够位于HTML元素之下。本文将详细介绍如何通过设置Flash...

    网站美工面试题DIV+CSS最有可能遇到的八个问题

    要使HTML层位于FLASH之上,需在FLASH对象参数中设置`wmode`为`transparent`,这样可以使FLASH变为透明,允许HTML元素在其上方显示。 7. **垂直居中于浏览器** 实现一个层在浏览器中垂直居中,可以使用绝对定位...

    关于页面嵌入swf覆盖div层的问题的解决方法

    在这个场景中,我们需要设置`wmode`为`Opaque`,这样可以使SWF对象位于div层之下。示例代码如下: ```html &lt;!-- other parameters if needed --&gt; ``` 2. **通过SWFObject库插入SWF**: 如果你选择使用...

    浏览器跨平台使用div等标签盖住flash的另类实用解决方法

    为了使A标签位于Flash之上,我们还可以使用`z-index`属性。`z-index`决定了元素在垂直于屏幕方向上的堆叠顺序。数值越大,元素越靠前,越能捕获鼠标事件。在示例代码中,虽然没有明确设置`z-index`,但只要A标签的...

    给Flash加一个超链接(推荐使用透明层)兼容主流浏览器

    2. 接着,在Flash对象之上创建一个透明的HTML层,这个层将作为超链接的触发器。你可以使用`&lt;a&gt;`标签配合`&lt;img&gt;`标签(使用透明GIF图像)来实现这一功能。透明GIF是为了确保不遮挡下方的Flash内容。例如: ```html ...

    html元素遮挡flash详解示例

    1. **透明模式(transparent)**:Flash对象允许背景内容透过,可以使用`z-index`来控制HTML元素和Flash的层级关系。但是,这种模式可能会降低Flash的性能,因为它需要不断更新背景。 2. **不透明模式(opaque)**...

    JS写的非常强大的遮照效果

    遮罩层通常是一个半透明的黑色或者灰色层,覆盖在网页的其他元素之上,使得用户暂时无法与底层内容互动,而专注于弹出的窗口或提示。在JavaScript中,创建遮罩层可以通过操作DOM(文档对象模型)元素,设置CSS样式...

    ASP常用源代码的总结(下)

    在这个例子中,通过使用具有不同z-index值的div标签来控制内容的层级关系,确保特定层(Layer2)显示在另一个层(Layer1)之上。 最后,还提供了一个ASP中嵌入FLASH广告的代码示例,FLASH是Adobe公司开发的一种动画...

    Flex 透明效果,位于页面最底层

    在Flex应用的容器上设置负值的`z-index`,可以让它位于页面的最底层: ```html &lt;div style="position: relative; z-index: -100;"&gt; &lt;object ...&gt; 或 &lt;/div&gt; ``` 在这个例子中,`z-index`设置为-100,确保...

    js非常好用的代码,不要错过!

    - 可以在div内部插入一个透明的iframe,通过设置其样式(如 `z-index:-1`,`position:absolute` 等),使其位于select元素之上,从而防止select下拉菜单挡住div内容。 8. iframe自适应高度(跨域问题): - 当...

Global site tag (gtag.js) - Google Analytics