让 div 显示在 emebd 即视频 之上
今天 遇到一个问题 就是 div 显示不在 falsh 视频之上 设置 index 无效
最后的解决方法 是 加一个属性 即 wmode = "transparent" 这样即可实现了
解决embed标签显示在div上层,非设置z-index
今天给屌炸了爆笑网增加了视频栏目,但是发现在IE8中,顶部浮动导航的div在移动到embed视频上时,总是被embed的flash文件盖住。分别修改导航div和embed的z-index值仍然无法解决,很是郁闷。
结合之前有过此类遭遇的经验,慢慢摸索了半小时,意识到并非z-index的问题,问题应该是出在embed上,最后Google、百度齐飞,终于找到embed的一个属性“wmode”。
在embed里加入 wmode=”transparent”即可解决此问题,做一下笔记。
<embedrel="nofollow"src="flash地址"quality="high"width="480"height="400"align="middle"allowScriptAccess="always"allowFullScreen="true"mode="transparent"type="application/x-shockwave-flash"wmode="transparent"></embed>
![ibird](http://www.myibird.com/wp-content/uploads/2013/05/ibird_avatar-80x80.png)
本文地址:解决embed标签显示在div上层,非设置z-index
ibird博客分享文章均为原创(除非注明),如需转载,请以链接形式注明出处及作者信息。
![](http://img.ujian.cc/nice/12.jpg)
本条目发布于 2013 年 5 月 16 日。属于 前端开发 分类,被贴了 HTML 标签。
文章导航
- 评论
- 还没有评论,沙发等你来抢
![](http://ds.cdncache.org/avatar-50/909/26415.jpg)
转载于:https://www.cnblogs.com/freeDesignLife/p/3423004.html
让 div 显示在 emebd 即视频 之上相关推荐
- jquery之超简单的div显示和隐藏特效demo
闲着无聊,看到某视频网站上讲的DIV显示和隐藏的效果,自己也写了一个. 觉得还是挺简单的. 前端改变世界!嘿嘿,还挺有成就感 <!DOCTYPE html PUBLIC "-//W3C ...
- css文字溢出部分在另一个div显示(代码篇)
css文字溢出部分在另一个div显示 博主博客: 前端代码:html.css(图文混排)文字环绕 - 案例篇 以上就是关于 " css文字溢出部分在另一个div显示(代码篇) " ...
- 前端:JS/29/实例:控制div显示_滚动的图片
实例:控制div显示_滚动的图片 <!DOCTYPE html> <html lang="en"><head><meta charset= ...
- div 显示滚动条的CSS代码
div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"& ...
- 七牛云 播放的时候显示错误信息:视频解析异常 请重试
七牛云 播放的时候显示错误信息:视频解析异常 请重试 然后安卓手机可以播放,苹果手机播放不了 七牛空间:私有空间 原因: 域名那设置是使用场景:"个人图片",所以我想域名设置成为& ...
- ios html5不显示图片,为什么iOS上的Safari不显示我的HTML5视频海报?
我有这个网页: http://healthpad.net/dashboard/ 它具有10< video>元素就可以了. 由于某些原因,当我在iPad上加载页面时,它不显示视频海报. 尝试 ...
- div显示在上层_DIV重叠 如何优先显示(div浮在重叠的div上面)
如果有2个div有重叠,默认是根据html解析顺序,最后加载的优先级最高(浮在最上面). 问题: 如果想把前面加载的div显示在最上面?关键字:z-index 举例: --原来的页面:first di ...
- html文件显示controls,html5中设置或返回浏览器应当显示标准的音视频控件的属性controls...
实例 为视频启动控件:myVid=document.getElementById("video1"); myVid.controls=true; 定义和用法 controls 属性 ...
- openCV学习笔记1——图片的读取,显示,保存;视频的读取,显示和保存
在pycharm中下载openCV ①打开pycharm下方的terminal终端 ②在路径下直接输入 pip install opencv-python 1.读入图像 函数:cv2.imread() ...
最新文章
- 工作之中总有几日不在状态_你是怎样度过的?
- (原创)基于ZedBoard的Webcam设计(二):USB摄像头图片采集+QT显示
- 快速搞懂平面设计视觉思维的窍门
- Coursera课程Python for everyone:Quiz: Regular Expressions
- html 图片展示 3d,CSS3 3D图像显示
- 帆软决策报表嵌入html,在决策报表中使用网页框控件
- Python中的or和and运算符的使用
- python获取路由器数据包pppoe_PPPoE协议***4:如何得到PPPoE服务器的mac地址
- Windows 7 64位系统下安装Cy+NS2经验(成功安装)
- Tomcat 修改启动端口号
- Excel信息批量替换Word模板生成新文件
- 几何结构因子(Geometrical structure factor)和原子形状因子(atomic form factor)
- python中字母与ascii码的相互转换
- Java解压rar5压缩文件
- EAS报表开发----收付明细
- linux实现虚拟专用网
- 解决远程桌面连接“这可能是由于CreddSSP加密数据库修正”的问题
- 无约束优化:修正阻尼牛顿法
- LeetCode第111题解析
- Skywalking容量规划