zoukankan      html  css  js  c++  java
  • [转载]flash嵌入网页的层次问题

    flash套入页面里,其z-index无论怎么设,也会遮住其它元素,其原因还是因为flash默认会以窗口级元素的形式嵌入页面内,如果给它设置一个属性wmode为opaque就可以了。


    IE下加<param name="wmode" value="Opaque" />

    FF下在embed标签里加
    wmode="Opaque"

    更详细说明如下:

    原文地址:http://www.prower.cn/technic/1032

    =========================================

    很多人在写页面代码时都会遇到过这样一个问题,那就是当Flash与页面中的其它HTML结构有重叠的时候,默认情况下Flash总是显示在最上面,从而遮挡住了与它有重叠部分的HTML结构,就算为该Flash或是HTML结构标签定义z- index属性却依然是无效的。

    因为默认情况下在网页中添加的Flash在浏览器中是以窗口模式存在的,是独立于浏览器的HTML结构渲染的,所以这种情况下的Flash会遮盖住与它重叠的HTML。

    比如这个页面:Flash的层叠顺序(z-index)

    在Adobe Flash的发布设置里关于HTML的设置有一项是“窗口模式”,这里面提供了三个选项,分别是:窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。

    这三种模式分别表示着Flash在页面中的三种表现形式,根据这三种表现形式,我们就找到了解决这个问题的方法,就是将页面中的Flash模式 (wmode)设置为不透明无窗口(opaque)或者是透明无窗口(transparent),在这两种模式下页面中的Flash将与HTML结构是处 于同一级别的,所以就可以通过z-index来控制页面中的重叠部分到底是Flash显示在上还是HTML结构显示在上。

    比如这个页面:Flash的层叠顺序(z-index)

    当我们需要在页面中加载一个弹出Flash广告时,并且不希望它被页面中的其它Flash所遮挡时,就可以使用这种方法来解决。同样的如果这个弹出 Flash是不规则形状的时候,就可以将模式(wmode)设置为透明无窗口(transparent),这样即可以除去Flash本身所带有的背景。

  • 相关阅读:
    文本框模糊匹配(纯html+jquery简单实现)
    ajax 基础2
    ajax 基础
    Js 实战3(实现全选)
    JS 实战2(邮箱选人功能)
    JS 实战1(添加、删除)
    Js 图片轮播渐隐效果
    Js 手风琴效果
    树上莫队
    洛谷 3676
  • 原文地址:https://www.cnblogs.com/cly84920/p/4427015.html
Copyright © 2011-2022 走看看