`
Dxx23
  • 浏览: 142595 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

web前端div层被flash层遮盖新思路解决方案

阅读更多
web前端div层被flash层遮盖新思路解决方案:
   百度,google大批量千篇一律的“div层被flash层”解决方法,都不能解决问题。
要求是点击flash区域产生一个点击事件,flash没有点击事件,又flash总是在div之上,不能点击到div层。经指点:一个flash动画div,一个透明图片div,把图片div重叠到flash的div之上,这样效果就实现。

注意几个方面:1.div重叠;2.设置图片为透明 3.wmode属性

关于wmode属性资料:
   (可选)允许使用 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 层可以透过该部分显示出来,而"opaque"则不会显示。

个人代码如下:


   <!--公益,企业宣传-->
        <div style="position:relative">
        <div id="ad" style="position:absolute;left:0px; top:0px; width:700px; height:66px;z-index:-1" >
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"  WIDTH="700" HEIGHT="66">
         <param name="movie" value="images/fh3-1.swf" />
         <param name="quality" value="high" />
         <param name="wmode" value="transparent"/>
         <EMBED wmode="transparent" src='images/fh3-1.swf' quality='high'  WIDTH='700px' HEIGHT='66px' TYPE='application/x-shockwave-flash' pluginspage="http://www.macromedia.com/go/getflashplayer" id='ad'></EMBED>
      </object>
        </div>
        <div id='adImg' style="position:absolute;cursor:pointer;left:0px; top:0px; width:700px; height:66px;z-index:1;filter:Alpha(Opacity=0)">
             <img onClick="toantherUrl()" src="images/ad.jpg"/>
       </div>
       </div>
         <!--公益,企业宣传结束-->
分享到:
评论

相关推荐

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

    今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE中和FF加的代码是不一样的,如下: IE浏览器下可用 ...

    点击后可以展示到前端的div层jquery效果

    标题中的“点击后可以展示到前端的div层jquery效果”是指一种常见的网页交互设计,它利用JavaScript库jQuery来实现一个功能:当用户点击某个元素(如按钮)时,页面上的一个或多个div层(通常用于创建弹出框、提示...

    web前端旅游页面div+css实现

    【标题】:“web前端旅游页面div+css实现” 在网页设计中,前端开发扮演着至关重要的角色,它决定了用户与网站交互的直观性和美观性。本项目“web前端旅游页面div+css实现”是一个专注于旅游主题的前端页面设计实例...

    最顶层div被flash或者下拉列表遮挡的问题解决

    ### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中,有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的,尤其是`z-index`值的设置不...

    Web前端网页期末大作业

    网站导航栏下方的主体内容分为五个部分,分别是晴空、海边、田野、青春、成熟,每部分内容都包括一张图片和对应主题的文字介绍,图片跟文字的排版使用div+css样式控制宽高和间距大小。网页底部是使用footer标签的...

    web前端——好玩的魔方.zip

    这个项目旨在展示Web前端技术如何实现三维图形的交互与动画,同时也为学习者提供了一个有趣的实践平台。 首先,HTML(HyperText Markup Language)是构建网页的基础,它定义了页面的结构。在这个魔方项目中,HTML...

    JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口

    JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...

    web前端网页设计作品web期末大作业web前端作业网页制作代码web大作业制作网页代码

    本资源就可以为你解决你所面临的这些问题,原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作资源合集,画面精美,非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...

    DIV+CSS.rar_DIV_css+div_div+css_html+div+css_web前端

    这个压缩包中的内容旨在帮助初学者掌握 `div+css` 的基本概念和实践应用,对web前端开发有显著的辅助作用。 【描述】提到的"css+div 的入门教程",暗示了该资源可能包含一系列关于如何使用 `div` 元素配合 `CSS` ...

    程序员web前端视频教程(文档+代码+视频).rar

    Web前端开发是IT行业中至关重要的一环,它涉及到用户在浏览器端看到和交互的所有内容。本教程资源包"程序员web前端视频教程(文档+代码+视频).rar"为初学者提供了一个全面的学习路径,旨在帮助他们掌握这个领域的...

    WEB前端毕业实习报告.doc

    【标题】:WEB前端毕业实习报告 【描述】:这份报告详细记录了一位学生在WEB前端领域的毕业实习经历,包括实习目的、实习公司介绍、实习过程以及实习中的学习与体会。 【标签】:HTML5, CSS盒子模型, 块元素, 行内...

    用DIV层的方式弹出Web窗体

    在网页设计中,"用DIV层的方式弹出Web窗体"是一种常见的交互方式,它可以提供一个浮动的、半透明的或者完全独立的界面,用于显示信息、提示、表单或其他用户交互元素。这种方式通常比传统的JavaScript alert对话框...

    web前端开发课后实验六答案

    本书紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求,详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用。内容编排结构合理,由浅入深、循序渐进地引导读者快速...

    漂亮div层 精美div层

    在网页设计中,Div(Division)层是一种基本的布局元素,用于组织和定位网页内容。"漂亮div层 精美div层"这个标题和描述暗示我们关注的是如何利用Div来创建美观、高效的网页布局。下面我们将深入探讨Div层的重要性和...

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

    要解决`&lt;Object&gt;`标签遮盖`&lt;div&gt;`标签的问题,我们可以尝试以下几种方法: 1. **CSS层级调整**: 使用CSS的`z-index`属性可以控制元素的堆叠顺序。给`&lt;div&gt;`标签设置一个比`&lt;Object&gt;`标签更高的`z-index`值,可以...

    WEB网页DIV层背景图循环向上滚动效果

    "WEB网页DIV层背景图循环向上滚动效果"是一种常见的网页美化技术,尤其适用于网页应用推广页面。这种效果通常通过CSS(Cascading Style Sheets)来实现,结合HTML(HyperText Markup Language)结构,可以让网页的...

    Jquery做的遮盖层

    在提供的文件名"JS遮盖层解决方案 - JQuery - web - JavaEye论坛.htm"和"JS遮盖层解决方案 - JQuery - web - JavaEye论坛.files"中,可能包含了更详细的讨论、示例代码或其他相关资源,你可以查阅这些文件以获取更多...

    用div+css制作弹出层遮罩层

    利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面

    web前端性能优化

    针对web前端性能低下的问题,王成、李少元、郑黎晓、缑锦、曾梅琴、刘慧敏等学者系统地提出了一套旨在提高网页加载速度、呈现速度和用户体验的完整Web前端性能优化解决方案。该方案涵盖了服务器端优化、HTML优化、...

Global site tag (gtag.js) - Google Analytics