html元素遮挡flash详解示例【HTML】

web前端|html教程

html元素,遮挡flash

web前端-html教程

汽车修理管理源码,ubuntu手机版下载,tomcat启动服务后闪退,python可以做爬虫,php用什么编写api文档,地埋seolzw

复制代码代码如下:

mvc easyui 源码,vscode制作计算机编程,ubuntu ue破解,tomcat的启动流程,爬虫抓取电话,php自动补齐,江津区服务型seo推广,公安 网站模板lzw

wmode参数：

transparent模式：可用z-index控制层级

opaque模式：可用z-index控制层级

window模式：flash层级在浏览器核心显示窗口之上，flash会盖住与他重合的html

rxtx源码,vscode转换环境,srv ubuntu,怎么设置tomcat,sqlite怎么恢复数据,jquery 金额输入插件,前端页面框架支持连线的组件,如何考核爬虫工程师,c 与php交互,信阳seo优化方案,织梦网站会员中心模板下载,网页 背景居中,炫酷的企业网站模板免费下载lzw

情景1（可修改flash的wmode参数）

修改wmode属性为，transparent或opaque

DEMO如下：

复制代码代码如下:

html, body, object, embed{ padding: 0; margin: 0; }

.m-box { position: relative; }

.m-flash, .m-flash embed { width: 400px; }

.m-shadow { position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: #ccc; }

<embed wmode="transparent" src="/i/bookmark.swf”>

Jununx，欢迎您！–transparent

<embed wmode="opaque" src="/i/bookmark.swf”>

Jununx，欢迎您！–opaque

情景2（不可修改flash的wmode参数）– flash和你的iframe遮挡层在同一个页面

注：如果要兼容Safari、Opera，那么请直接告诉需求这个遮不了

DEMO如下：

复制代码代码如下:

html, body, object, embed{ padding: 0; margin: 0; }

.m-box { position: relative; }

.m-flash, .m-flash embed { width: 400px; }

.m-flash { position: relative; z-index: 1; }

.m-shadow { position: absolute; top: 0; left: 0; z-index: 2; width: 100px; height: 100px; background-color: #ccc; }

.m-shadow-txt { position: absolute; z-index: 2; }

.m-shadow-ifr { position: absolute; z-index: -1; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }

<embed wmode="window" src="/i/bookmark.swf”>

Jununx，欢迎您！–window

情景3（不可修改flash的wmode参数）– flash是被一个iframe页面引入的

注：如果木有权限操作iframe页面，那么请直接告诉需求这个遮不了注：如果要兼容Safari、Opera，那么请直接告诉需求这个遮不了

DEMO页：

复制代码代码如下:

html, body, object, embed{ padding: 0; margin: 0; }

.m-box { position: relative; }

.m-flash { position: relative; width: 400px; height: 400px; z-index: 1; }

.m-shadow { position: absolute; top: 0; left: 0; z-index: 2; width: 100px; height: 100px; background-color: #ccc; }

.m-shadow-txt { position: absolute; z-index: 2; }

.m-shadow-ifr { position: absolute; z-index: -1; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }

Jununx，欢迎您！–window

iframe页：

复制代码代码如下:

html, body, object, embed{ padding: 0; margin: 0; }

.ifr { position: absolute; z-index: 2; width: 100px; height: 100px; opacity: 0; filter: alpha(opacity=0); }

.m-flash { position: absolute; z-index: 1; width: 400px; }

<embed wmode="window" src="/i/bookmark.swf”>