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层遮盖,在百度上找了一会,说是加个就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE中和FF加的代码是不一样的,如下: IE浏览器下可用 ...
标题中的“点击后可以展示到前端的div层jquery效果”是指一种常见的网页交互设计,它利用JavaScript库jQuery来实现一个功能:当用户点击某个元素(如按钮)时,页面上的一个或多个div层(通常用于创建弹出框、提示...
【标题】:“web前端旅游页面div+css实现” 在网页设计中,前端开发扮演着至关重要的角色,它决定了用户与网站交互的直观性和美观性。本项目“web前端旅游页面div+css实现”是一个专注于旅游主题的前端页面设计实例...
### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中,有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的,尤其是`z-index`值的设置不...
网站导航栏下方的主体内容分为五个部分,分别是晴空、海边、田野、青春、成熟,每部分内容都包括一张图片和对应主题的文字介绍,图片跟文字的排版使用div+css样式控制宽高和间距大小。网页底部是使用footer标签的...
这个项目旨在展示Web前端技术如何实现三维图形的交互与动画,同时也为学习者提供了一个有趣的实践平台。 首先,HTML(HyperText Markup Language)是构建网页的基础,它定义了页面的结构。在这个魔方项目中,HTML...
JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...
本资源就可以为你解决你所面临的这些问题,原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作资源合集,画面精美,非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...
这个压缩包中的内容旨在帮助初学者掌握 `div+css` 的基本概念和实践应用,对web前端开发有显著的辅助作用。 【描述】提到的"css+div 的入门教程",暗示了该资源可能包含一系列关于如何使用 `div` 元素配合 `CSS` ...
Web前端开发是IT行业中至关重要的一环,它涉及到用户在浏览器端看到和交互的所有内容。本教程资源包"程序员web前端视频教程(文档+代码+视频).rar"为初学者提供了一个全面的学习路径,旨在帮助他们掌握这个领域的...
【标题】:WEB前端毕业实习报告 【描述】:这份报告详细记录了一位学生在WEB前端领域的毕业实习经历,包括实习目的、实习公司介绍、实习过程以及实习中的学习与体会。 【标签】:HTML5, CSS盒子模型, 块元素, 行内...
在网页设计中,"用DIV层的方式弹出Web窗体"是一种常见的交互方式,它可以提供一个浮动的、半透明的或者完全独立的界面,用于显示信息、提示、表单或其他用户交互元素。这种方式通常比传统的JavaScript alert对话框...
本书紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求,详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用。内容编排结构合理,由浅入深、循序渐进地引导读者快速...
在网页设计中,Div(Division)层是一种基本的布局元素,用于组织和定位网页内容。"漂亮div层 精美div层"这个标题和描述暗示我们关注的是如何利用Div来创建美观、高效的网页布局。下面我们将深入探讨Div层的重要性和...
要解决`<Object>`标签遮盖`<div>`标签的问题,我们可以尝试以下几种方法: 1. **CSS层级调整**: 使用CSS的`z-index`属性可以控制元素的堆叠顺序。给`<div>`标签设置一个比`<Object>`标签更高的`z-index`值,可以...
"WEB网页DIV层背景图循环向上滚动效果"是一种常见的网页美化技术,尤其适用于网页应用推广页面。这种效果通常通过CSS(Cascading Style Sheets)来实现,结合HTML(HyperText Markup Language)结构,可以让网页的...
在提供的文件名"JS遮盖层解决方案 - JQuery - web - JavaEye论坛.htm"和"JS遮盖层解决方案 - JQuery - web - JavaEye论坛.files"中,可能包含了更详细的讨论、示例代码或其他相关资源,你可以查阅这些文件以获取更多...
利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面
针对web前端性能低下的问题,王成、李少元、郑黎晓、缑锦、曾梅琴、刘慧敏等学者系统地提出了一套旨在提高网页加载速度、呈现速度和用户体验的完整Web前端性能优化解决方案。该方案涵盖了服务器端优化、HTML优化、...