chrome浏览器中div被embed标签遮住

最新推荐文章于 2023-08-02 17:39:46 发布
最新推荐文章于 2023-08-02 17:39:46 发布
阅读量3.4k 收藏
点赞数 1
分类专栏： web 文章标签： 浏览器 embed
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhulifeng0905/article/details/46861445
版权

不同浏览器可能通过更改 wmode='transparent'属性来解决这一问题，

我碰到的就是更改各种属性或者index都无效，被这个问题困扰了几天。。

最后的解决办法：

将embed标签外面再套一层div，通过iframe来遮罩视频控件，最后把要显示的div显示在iframe上!

embed标签外的div设置z-index为1，iframe的z-index为2，要显示的div的z-index比2大就行。

iframe代码:

<iframe id="dialog" style="position:absolute; z-index:2;width:150px;height:100px;background: none; opacity: 0.1;left:100px;display:none;"></iframe>


-飘摇-
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
IE中div被视频遮住(用embed来内嵌视频)的解决方法
01-19
使用embed来内嵌视频，因为视频是windows media player，上面想用div浮动一些内容，之前尝试了一些方法，比如 1. 通过设定不同组件的z-index值 2. 通过设定 wmode值 结果都没有效果。 最后设定了windowlessVideo=1， 终于解决问题。 具体说明一下： “windowlessVideo”属性 如为true，则设置成无窗口模式，视频可直接显示在你指定的区域，上面可以叠加文字或其他效果； 如为false，则显示完整的media player窗口。这个应该是windows media player的特有属性具体参照 http://tech
embed标签遮住div层
weixin_34409357的博客
10-14 238
2019独角兽企业重金招聘Python工程师标准>>> ...
pdf显示禁用工具栏 & iframe、object、embed引用区别
weixin_44867717的博客
11-26 4660
pdf显示禁用工具栏 & iframe、object、embed引用区别 国内主要视频网站的嵌入方式 iframe、object、embed引用有什么区别，要在父页里显示子页的内容，里面那种方法更好？ <iframe src= "test.html" width= "100%" height= "100% "> </iframe> <embed src= "test.html" width= "100% " height= "100% "> </em
embed遮挡div层，无法显示
热门推荐
希望能找到你的答案
04-21 14万+
例如代码：
div被iframe遮住的几种情况及解决办法
最新发布
hdxx2022的博客
08-02 445
在ie中，iframe里引入video视频播放会导致div的z-index无效，即div的z-index无论设为多少，均被iframe遮住。当div使用透明的背景时，无论是使用（opacity或者rgba格式），除了chrome，其它浏览器都出现div被iframe遮住的情况。本文给大家介绍了div被iframe遮住的一些情况，以及被遮住后的解决办法，有需要的朋友们可以参考借鉴。指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*)第一种：透明背景被遮住。
embed如何在Chrome浏览器上使用
Anxking的博客
11-13 1383
与HTML4相比，HTML5新增加了许多的标签，其中就包括embed标签，这个标签其实是一个内嵌的标签，可以在标签中加入视屏，动态图等内容，像swf格式的文件，可以在embed里面使用，但这个就面临一个问题，embed的说明文档中，是可以兼容IE，火狐和Chrome浏览器的，但是实际上却不行，经过小编和同学的探讨，得出了一个解决的方法: 在应用商店中下载一个叫Flash中心的软件，在这个软件中下载兼容Chrome内核的Flash，这样在运行swf文件的时候就不会显示无法加载...
Html代替＜iframe＞标签的三种方法＜object＞, ＜embed＞和＜video＞
Kainx
11-22 6169
Html代替标签的三种方法, 和
【HTML】html中embed标签会遮盖其他部分的解决方法
catshitone的专栏
08-15 4198
可以直接 设置 embed 标签的 wmode=’ transparent’ 属性 这样就可以使弹出层遮盖住   flash了.(该属性一般的作用是使flash透明 即可以使flash下面的背景透出来 前提是flash自身是透明的)
HTML5 embed标签定义和用法详解
12-14
标签是 HTML 5 中的新标签。 属性 new : HTML5 中的新属性。 属性 值 描述 height pixels 设置嵌入内容的高度。 src url 嵌入内容的 URL。 type type 定义嵌入内容的类型。 width pixels 设置嵌入...
HTML5 embed 标签使用方法介绍
12-14
embed> 标签定义嵌入的内容，比如插件。 实例 <embed src="helloworld.swf" />HTML 4.01 与 HTML 5 之间的差异 <embed> 标签是 HTML 5 中的新标签。 属性 new : HTML5 中的新属性。 属性　值　...
html标签之Object和EMBED标签详解
01-19
标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。 浏览器的对象支持有赖于对象...
springboot整合websocket,解决session不超时问题
zhulifeng的专栏
05-26 8017
需求:页面每分钟获取最新告警。 问题:最开始前端使用定时器每一分钟去服务端取告警，走的是http协议，这样做导致session永远不会超时。 解决:使用websocket协议来推送告警。 pom中增加： <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId>
百度地图自定义边界
zhulifeng的专栏
06-05 5974
这段时间公司需要能够自定义边界，百度地图只能提供行政区以上的边界。所以先做了个demo，不多说，上图上代码。 所需js： html代码： 坐标点: 清空坐标点 启用多边形编辑 关闭多边形编辑 获取单个端局所有点 端局点: 删除所有多边形 js代码： var map = new BMap.Map("allmap
maptalks,mapboxgl实现3D楼宇,摄像头悬浮
zhulifeng的专栏
05-26 2377
<!DOCTYPE html> <html> <head> <title>maptalks.mapboxgl demo</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.n.
矢量地图自定义切片样式
zhulifeng的专栏
05-26 1316
准备工作 http://download.openstreetmap.fr/extracts/asia/china/ 下载中国省级矢量地图数据,列如:shanghai-latest.osm.pbf http://maperitive.net/ 下载maperitive工具进行自定义样式与切片 打开maperitive 选择 File-Open Map Sources 打开下载的矢量地图数据 右下角点击Web map(OSM Mapnik) 星星 不显示默认地图 自定义样式文件: 有默认的几种样式可以
html文档显示在浏览器中内容的标签
06-09
HTML文档中显示在浏览器中的内容标签有很多，常见的包括但不限于以下几种： 1. 标题标签：`<h1>`-`<h6>`，用于定义标题。 2. 段落标签：`<p>`，用于定义段落。 3. 列表标签：`<ul>`、`<ol>`、`<li>`，用于定义无序列表和有序列表。 4. 超链接标签：`<a>`，用于定义超链接。 5. 图像标签：`<img>`，用于定义图片。 6. 表格标签：`<table>`、`<tr>`、`<td>`、`<th>`，用于定义表格。 7. 表单标签：`<form>`、`<input>`、`<select>`、`<textarea>`等，用于定义表单。 8. 多媒体标签：`<audio>`、`<video>`、`<embed>`、`<object>`等，用于定义多媒体内容。 9. 容器标签：`<div>`、`<section>`、`<header>`、`<footer>`等，用于定义容器。 10. 样式标签：`<style>`，用于定义页面的样式。 11. 脚本标签：`<script>`，用于定义页面的JavaScript脚本。 总之，HTML文档中显示在浏览器中的内容标签有很多，每种标签都有不同的用途，可以根据需要选择合适的标签来编写页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值