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>
<!--公益,企业宣传结束-->
分享到:
相关推荐
网页制作Webjx文章简介:今天测试div层和flash的交互,发现div层总是被flash层遮盖. 今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个<param name="wmode" value="tran
点击后可以展示到前端的div层jquery效果 展示地址 http://www.whkge.com/jsview/design20110831b/
这是一套完整的web前端旅游页面, 一共7个页面, 并且在登录、注册时具有js表单校验, 页面之间实现了跳转。
网站导航栏下方的主体内容分为五个部分,分别是晴空、海边、田野、青春、成熟,每部分内容都包括一张图片和对应主题的文字介绍,图片跟文字的排版使用div+css样式控制宽高和间距大小。网页底部是使用footer标签的...
DIV+CSS FlashWeb模板 DIV+CSS FlashWeb模板 DIV+CSS FlashWeb模板 DIV+CSS FlashWeb模板 DIV+CSS FlashWeb模板
JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...
本资源就可以为你解决你所面临的这些问题,原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作资源合集,画面精美,非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...
网页<Object>标签遮盖DIV标签解决方法,IE11亲测可用。
利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面
内容为1+X Web前端开发例题 实操题6题 内容不含答案解析(答案可以来我的博客找喔,有题目分析 https://blog.csdn.net/weixin_53231455?spm=1019.2139.3001.5343 题目类型都是前端的知识点
本书紧密结合互联网行业发展对Web前端开发工程师岗位的技术与能力的需求,详细介绍了HTML、CSS、DIV、JavaScript、DOM与BOM几大组成部分的基本语法和关键应用。内容编排结构合理,由浅入深、循序渐进地引导读者快速...
1.适用于但网页APP推广页面美化,WEB网页DIV层背景图循环向上滚动效果 2.此效果为静态HTML效果美化
本web前端课设主要用到html,css知识点和一些少量的js语言编写的轮播图。适合于大一、大二正在做课设的同学进行参考。(我的博客里有做成的效果图和每个模块的解说内容,没有了解的同学可以先去看看做成功的页面效果...
非常清爽的div层,漂亮div层 精美div层
div层的使用,div层的基本使用。包括css,div的定位
css+div 的入门教程,对于web前端开发很有帮助的.
DIV 层 网站设计DIV 层 网站设计DIV 层 网站设计
HTML5期末考核大作业源码 包含 个人、 ...都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】:https://blog.csdn.net/VX_WJ88950106?type=blog