您现在的位置是：网站首页> 编程资料编程资料

html元素遮挡flash详解示例如何让Flash不遮挡HTML div元素的技巧

2021-08-30 1213人已围观

简介这篇文章主要介绍了html元素遮挡flash详解示例,需要的朋友可以参考下

复制代码

代码如下:

wmode参数：
transparent模式：可用z-index控制层级
opaque模式：可用z-index控制层级
window模式：flash层级在浏览器核心显示窗口之上，flash会盖住与他重合的html

情景1（可修改flash的wmode参数）
修改wmode属性为，transparent或opaque

DEMO如下：

复制代码

代码如下:

HTML元素遮挡Flash - 情景1

Jununx，欢迎您！--transparent

Jununx，欢迎您！--opaque

情景2（不可修改flash的wmode参数）-- flash和你的iframe遮挡层在同一个页面
注：如果要兼容Safari、Opera，那么请直接告诉需求这个遮不了

DEMO如下：

复制代码

代码如下:

HTML元素遮挡Flash - 情景2

Jununx，欢迎您！--window

情景3（不可修改flash的wmode参数）-- flash是被一个iframe页面引入的
注：如果木有权限操作iframe页面，那么请直接告诉需求这个遮不了注：如果要兼容Safari、Opera，那么请直接告诉需求这个遮不了

DEMO页：

复制代码

代码如下:

HTML元素遮挡Flash - 情景2

Jununx，欢迎您！--window

iframe页：

复制代码

代码如下:

HTML元素遮挡Flash - 情景3

上一篇：dom操作表格示例(dom创建表格)纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

下一篇：HTML embed标签使用方法和属性详解HTML的a标签href属性指定相对路径与绝对路径的用法讲解HTML5 Video标签的属性、方法和事件汇总介绍常用HTML meta 标签属性(网站兼容与优化需要)5个酷炫、实用的HTML标签和属性介绍设置contenteditable属性可编辑HTML标签的内容(可代替textarea)HTMLimg标签的alt属性和title属性使用介绍html a 链接标签title属性换行鼠标悬停提示内容的换行效果HTML中相似的标签和属性的区别详解

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网