`

[转]利用iframe遮挡FLASH的方法

阅读更多
http://www.crazyfrom.com/basics/flash-jiaocheng/zhedang-flash.html

有一个FLASH必须将wmod设置为window模式,否则无法与页面通信,这个时候普通的将FLASH的wmod设置为透明的做法将无效,只能采取在要覆盖层里加一个空iframe并将iframe设置为absolute,z-index设置为-1,这样就利用iframe的优先级高于flash的特性遮挡住了下面的flash:

<html>
     <head>
       <title>div cover flash with iframe</title>
     </head>
     <body>
       <div id="cover_div" style="position:absolute;width:100px;height:100px;background-color:blue;z-index:9">I cover the Flash.</div>
       <div>
         <iframe id="cover_iframe" frameborder="0" style="position:absolute;width:100px;height:100px;z-index:8;"></iframe>
     <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
          codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0'
          width='400px' height='340px'>
       <param name='movie' value='http://blog.ku6.com/ku6_v.swf?id=38752_1011788' />
       <param name='quality' value='high' />
       <embed src='http://blog.ku6.com/ku6_v.swf?id=38752_1011788' quality='high'
            pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
            type='application/x-shockwave-flash' width='400' height='340'>
           </embed>
     </object>
       </div>
     </body>
   </html>

但是在Firefox下发现不起作用,搜索到一个方法,原来在firefox下只需要给FLASH的容器设置为overflow:auto;即可,记录之:


<html>
     <head>
       <title>div cover flash with iframe</title>
     </head>
     <body>
       <div id="cover_div" style="position:absolute;width:100px;height:100px;background-color:blue;z-index:9">I cover the Flash.</div>
       <div style="overflow:auto;">
         <iframe id="cover_iframe" frameborder="0" style="position:absolute;width:100px;height:100px;z-index:8;"></iframe>
     <object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
          codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0'
          width='400px' height='340px'>
       <param name='movie' value='http://blog.ku6.com/ku6_v.swf?id=38752_1011788' />
       <param name='quality' value='high' />
       <embed src='http://blog.ku6.com/ku6_v.swf?id=38752_1011788' quality='high'
            pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'
            type='application/x-shockwave-flash' width='400' height='340'>
           </embed>
     </object>
       </div>
     </body>
   </html>

分享到:
评论

相关推荐

    div被iframe遮住的几种情况及解决方法

    以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素,它允许在当前HTML文档中嵌入另一个独立的HTML页面。尽管这一特性带来了许多便利,但同时也带来了诸如...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    本文将详细讲解如何利用IFrame解决这些问题,特别是针对Flex菜单的遮挡问题。 首先,理解Flex和IFrame的基本概念是必要的。Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。而...

    解决下拉菜单被iframe遮住问题

    在网页设计中,下拉菜单经常用于实现导航或者选项选择,但当这些菜单位于一个`iframe`元素内部时,可能会遇到被`iframe`遮挡的问题。这个问题主要涉及到浏览器的层叠上下文(CSS Z-Index)和`iframe`的渲染机制。...

    flash嵌入iframe的例子

    2. **Flash Player检测**:通过引用AC_OETags.js,我们可以利用其中的函数来检测用户是否已安装了合适的Flash Player。如果未安装,这个脚本会引导用户下载并安装。 3. **Flex项目集成**:IFrame.mxml和IFrameDemo....

    flex iframe 支持在flash中嵌套入html jsp asp php等

    flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...

    基于Jquery的iframe遮罩层插件,可以遮挡flash。此插件在“爱乐网址收藏夹”中使用

    总的来说,这个基于jQuery的iframe遮罩层插件为开发者提供了一个方便的工具,可以在有Flash元素的页面上创建全屏遮罩层,提升用户体验。通过查看和学习提供的源码,开发者可以定制自己的遮罩层效果,并在项目中灵活...

    父窗口调用iframe子窗口方法

    在Web开发中,"父窗口调用iframe子窗口方法"是一个常见的交互场景,尤其是在构建复杂的单页面应用或者需要跨窗口通信时。这篇文章将详细讲解如何实现这个功能,并提供相关的源码示例。 首先,理解基本概念。`iframe...

    FRAME与IFRAME的使用方法与区别

    ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念 在Web开发领域,`FRAME`与`IFRAME`都是用来展示多个文档的容器元素,但它们的工作方式有所不同。`FRAME`是一种早期的技术,它允许开发者在一个HTML页面中...

    iframe 跨域解决方法

    6. **`Window.postMessage` 和 `hashchange`事件**:利用`iframe`的`src`属性设置为带有#的URL,然后监听`hashchange`事件,通过改变URL的哈希值传递数据。 在提供的文件中,我们看到`index.html`可能是包含`iframe...

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,工作1-3年的研发人员 能学到什么: 1、使用postMessage方法来完成基座项目和子...

    web前端iframe相互调用方法详解

    - 如果一个子页面要调用另一个子页面的方法,可以利用父页面作为中介。即,子页面通过父页面访问另一个iframe中的内容。具体做法是通过父页面中对应的iframe的name属性或者id属性来获取该iframe的DOM对象,然后调用...

    使用iframe在网页中嵌入其他网页的方法

    下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的方法以及相关属性。 首先,`&lt;iframe&gt;` 标签的基本结构如下: ```html &lt;iframe src="目标URL" width="宽度" height="高度" frameborder="边框" margin...

    iframe跨域通信解决方法

    本文档将详细介绍如何在Vue项目或普通Web页面中利用`postMessage`API来实现`iframe`的跨域通信。 #### postMessage API简介 `postMessage`是一个允许不同源窗口之间进行安全通信的浏览器API。它被设计用来解决同源...

    js iframe 方法及元素相互调用

    总之,JS与`iframe`的交互涉及到`contentWindow`、`contentDocument`、`postMessage`以及事件监听等方法。正确使用这些工具,我们可以实现页面间的通信、数据传递和复杂功能的实现。在实际开发中,要时刻注意同源...

    iframe与父页面传值(方法互调)

    然而,当涉及到`iframe`与父页面之间的通信时,就需要用到一些特殊的方法来实现数据的传递和函数调用。本篇文章将深入探讨如何在`iframe`与父页面之间进行值的传递以及方法的互相调用。 首先,我们可以通过...

    在iframe中调用js父页面和子页面方法

    本篇文章将深入探讨如何在`iframe`中调用JavaScript,实现父页面与子页面之间的方法交互。 一、iframe的基本使用 在HTML中,我们可以通过`&lt;iframe&gt;`标签来插入一个框架,例如: ```html &lt;iframe src="child....

    JS去除iframe滚动条的方法

    在介绍JS去除iframe滚动条的方法之前,首先需要理解iframe元素在HTML中的作用。iframe元素代表了一个嵌入的网页,允许在一个HTML页面中嵌入另一个文档,这在多种场景下非常有用,比如页面中嵌入第三方应用的界面等。...

    在iframe框架中打开页面的方法

    6. iframe的安全和SEO问题:虽然iframe提供了便利,但它们也带来了一系列的问题,比如SEO(搜索引擎优化)问题,因为搜索引擎可能无法索引iframe中的内容。此外,跨站脚本攻击(XSS)和其他安全问题也可能出现,因此...

    div覆盖 iframe

    标题"div覆盖iframe"暗示了一个应用场景,即利用`div`元素覆盖在`iframe`之上,实现特定的页面展示效果。`div`是HTML中的一个基础容器元素,常用于布局和样式控制;而`iframe`则是用于在网页中嵌入另一个完整的网页...

    iframe父页面与子页面通信及相互调用方法

    "iframe父页面与子页面通信及相互调用方法"是一个重要的主题,涉及到跨域安全、DOM操作以及JavaScript/jQuery的交互技术。下面将详细解释这一知识点。 1. **基本概念** - **父页面(Parent Page)**:包含`iframe`...

Global site tag (gtag.js) - Google Analytics