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>

时间: 2024-10-25 21:56:08

ie8 下使用video 标签的z-index问题的相关文章

IE8 下处理select标签高度不居中

IE8:          Chrome:   同样的代码可是在IE8下select的文字并不是垂直居中. 处理:给select的样式添加padding上下的内边距. 加line-height一点用都没有.

让IE8支持html5中的video标签

这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本 在<head>里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. <!--[if lt IE 9]> <script src="js/assets/js/ie8-responsive-file-warning.js"></script> <![endif]--> <script src="js/asset

ie8下a标签中的图片出现边框

1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 2.解决方案 将img的边框设置为0或none img{border:none;}

a标签的背景图在ie8下不显示的问题

突然发现临下班时候问题就多, 马上下班了被头头告知线上已经上线很久的活动现在有个兼容性问题, a标签的背景图在ie8下会有不显示的情况. 我自己找了台ie8的机器实验了一下, 发现一切正常, 但是在另外一个同事机器上就会有这个问题, 真心奇怪! 后来找到问题的原因, 是因为在ie8下要显示a标签的背景图有一个重要属性: display:block; 同时还要注意background属性中 no-repeat 前面的空格. 改正之后, 背景图正常显示了. 不过同是ie8, 一个可以, 一个却不行这

a标签的背景图在ie8下显示问题

今天遇到个小问题,纠结了很久,分享下 a标签添加背景图,需要给a添加display:block样式 但是在ie8下还是不能显示背景图,开始以为是由于a标签为空造成的,试了下添加内容也没用,后来注意到一点细节,修改后就能正常显示了 修改前: background: url('./img/active/legendBg.png')no-repeat 修改后: background: url('./img/active/legendBg.png') no-repeat 注意到了么,就是因为那个空格..

a 标签背景图在ie8下不显示问题

上图中对a标签设置了 background 背景图片,但是ie8浏览器下图片没有显示,background:url(../images/fast_buy_ticket.gif)no-repeat; 这个代码下面出现了红色的波浪线. 将background:url(../images/fast_buy_ticket.gif)no-repeat;修改一下 为background:url(../images/fast_buy_ticket.gif) no-repeat;后 background 下面的

去掉谷歌浏览器 video标签下的下载按钮

一.判断浏览器版本(区分谷歌和360浏览器) function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "Opera" }; //判断是否Opera浏览器 if (userAgent.indexOf("Firefo

video标签播放视频只有声音没有画面&amp;在iOS9中video标签播放无效

video标签定义视频,比如电影片段或者其他视频流.目前video标签只支持MP4,WebMail,Ogg格式的视频. 兼容性:IE8以及更早的版本不支持video标签.其他现代浏览器均支持. 各浏览器对于各个视频格式的支持如下: MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器 WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器 Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器 标签的属性和各个值

解决IE8不支持html5标签最好解决办法?

完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法:HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单.HTML5的新标签元素有:<header>定义页面或区段的头部:<footer>定义页面或区段的尾部:<nav>定义页面或区段的导航区域:<section>页面的逻辑区域或内容组合:<article>定义正文或一篇完整的内容:<as