zoukankan      html  css  js  c++  java
  • ie8 下使用video 标签的z-index问题

    最近在项目中遇到了一个问题,就是在ie8下video的z-index 很小,但是却始终显示在最上面,经过很长时间的查论,最终解决了这个问题。

    1、设置flash为透明:但是如果你在DW中插入动画,再加<param name="wmode" value="transparent">是不生效的。要把整个的flash插件12代码换成如下:<object type="application/x-shockwave-flash" data="http://www.konnech.cn/2/images/banner.swf" width="560" height="210">
    <param name="movie" value="http://www.konnech.cn/2/images/banner.swf" />
    <param name="wmode" value="transparent" />
    </object>
    对比一下,和DW自动生成的代码是有区别的,测试过,IE FF 均可以。

    2、设置flash置底,加个代码:<param name="wmode" value="opaque" />但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在object 里加个 wmode="opaque" ,12实例代码如下:

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="560" height="210">
    <param name="movie" value="http://www.konnech.cn/2/images/banner.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque">
    <embed src="http://www.konnech.cn/2/images/banner.swf" wmode="opaque" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="560" height="210"></embed>
    </object>

  • 相关阅读:
    Spring阶段性学习:基础、配置解析、回调
    谈谈Spring对于@Configuration的Cglib代理
    IDEA使用Docker插件部署jar
    实用的IDEA插件
    Alibaba Cloud Toolkit插件部署jar
    谈谈Spring的ImportSelector和ImportBeanDefinitionRegistrar
    谈谈Spring的ConfigurationClassPostProcessor
    Mariadb使用总结
    分布式开放消息系统(RocketMQ)的原理与实践
    redis学习笔记
  • 原文地址:https://www.cnblogs.com/fangdx/p/3972896.html
Copyright © 2011-2022 走看看