HTML元素遮挡Flash之梦-白红宇

HTML元素遮挡Flash之梦

阅读量：7302 次

发布时间：2019-06-30

本文共 1144 字，大约阅读时间需要 3 分钟。

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

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

修改wmode属性为，transparent或opaque

    
           HTML元素遮挡Flash之梦 - 情景1     
      
          
           
       
                Jununx，欢迎您！--transparent    
       
      
      
          
           
       
                Jununx，欢迎您！--opaque

View Code

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

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

    
           HTML元素遮挡Flash之梦 - 情景2     
      
          
           
               
        
         Jununx，欢迎您！--window

View Code

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

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

DEMO页：

    
           HTML元素遮挡Flash之梦 - 情景2     
      
          
           
               
        
         Jununx，欢迎您！--window

View Code

iframe页：

    
           HTML元素遮挡Flash之梦 - 情景3

View Code

转载于:https://www.cnblogs.com/jununx/p/3659244.html

你可能感兴趣的文章