Home >Web Front-end >HTML Tutorial >Detailed example of html element blocking flash_HTML/Xhtml_Web page production

Detailed example of html element blocking flash_HTML/Xhtml_Web page production

WBOY
WBOYOriginal
2016-05-16 16:38:111453browse


Copy code
The code is as follows:

wmode parameter:
transparent mode: You can use z-index to control the level
opaque mode: you can use z-index to control the level
window mode: the flash level is above the core display window of the browser, and the flash will cover the html that overlaps it

Scenario 1 (the wmode parameter of flash can be modified)
Modify the wmode attribute to transparent or opaque

DEMO is as follows:


Copy the code
The code is as follows:





HTML element Block Flash - Scenario 1






http://www.aa.net/i/bookmark.swf">

http://www.aa.net/i/bookmark.swf">>


Jununx, welcome! --transparent




http:/ /www.aa.net/i/bookmark.swf">

http://www.aa.net/i/bookmark.swf"> ;>


Jununx, welcome! --opaque



Scenario 2 (the wmode parameter of flash cannot be modified) - flash and your iframe occlusion layer are on the same page
Note: If you want to be compatible with Safari and Opera, please tell the request directly that this cannot be covered

DEMO is as follows:


Copy the code
The code is as follows:





HTML元素遮挡Flash - 情景2






http://www.aa.net/i/bookmark.swf">

http://www.aa.net/i/bookmark.swf">>


Jununx,欢迎您!--window





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

DEMO页:
 

复制代码
代码如下:





HTML元素遮挡Flash - 情景2






Jununx,欢迎您!--window





iframe页:
 

复制代码
代码如下:





HTML元素遮挡Flash - 情景3





http://www.aa.net/i/bookmark.swf">

http://www.aa.cn/i/bookmark.swf">>





Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn