iframe背景色为父DIV的方法

最新推荐文章于 2021-04-13 16:13:25 发布
最新推荐文章于 2021-04-13 16:13:25 发布
阅读量2.2k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： iframe div safari firefox opera chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/bvb09/article/details/4314189
本文介绍了解决在IE浏览器中a.html嵌套b.html显示异常的问题，通过为b.html中的<body>标签添加样式属性background:transparent;成功解决了除IE外其他浏览器的显示问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

被这个问题卡了一天，除了IE 别的浏览器（opera firefox safari chrome）都解决了

只要在b.html页面的<body>设置样式就OK了
<body style="background:transparent;">
对比下面2张图
设置前的页面
设置前的页面
设置后的页面
设置后的页面
bvb09
关注
日程安排组件dhtmlxScheduler
bvb09的
12-18 1万+
 dhtmlxScheduler是一个相当不错的日程组件，经过一星期，终于折腾出了个java版的基本应用demo里都有的直接上关键的部分汉化 日期显示格式改这里的代码dhtmlxscheduler.jsscheduler.locale={ date:{  month_full:["1月","2月","3月","4月","5月","6月","7月","8月","9月","
修改iframe子页面,使其背景色与父页面一致
牛牛的空间
12-11 1157
只需要在&lt;iframe&gt;中加style="filter:chroma(color=#ffffff)"   就可以使其一致
解决IE下iframe页面颜色和父页面颜色不一样的bug
haogangshang的专栏
04-08 220
      公司做项目时碰到一个很棘手的问题，在IE下iframe页面和父页面的背景颜色不一样，css根本不起作用，弄了半天，最后在网上终于找到了解决方案。原来在IE下Iframe的背景色不是透明的，所以Iframe会 出现是白色的情况。 解决方案：      第一步：在iframe中添加 allowtransparency="true"属性（只添加allowtransparency也行...
使iframe里面引用页透明，显示主页面的背景图片
0.0 空间
07-28 1148
 main.htm         ALLOWTRANSPARENCY="true" >             iframe.htm           STYLE="background-color:transparent">       Transparent.            
父遮罩层覆盖子iframe中的空白部分以及table的各表项，其表现为深色半透明（同遮罩层颜色，但是比其深）
judas_jia的博客
08-12 754
父遮罩层覆盖子iframe中的空白部分以及table的各表项，其表现为深色半透明（同遮罩层颜色，但是比其深）
iframe嵌套的页面，单独打开是清晰的，嵌套打开就变得模糊(嵌套的页面是三维页面)
summer鸿的博客
07-30 4099
这个问题让我头痛了很久，想不明白怎么回事，后面发现之所以会这样，是因为我在iframe的页面中，加入了 <metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no">，这个去掉之后，iframe嵌套的页面就清晰了。 ...
div被iframe遮住的几种情况及解决方法
12-10
当div使用透明的背景时，无论是使用（opacity或者rgba格式），除了chrome，其它浏览器都出现div被iframe遮住的情况。 解决方法： div使用不透明背景或者使用透明的背景图片。 第二种：ie8中z-index失效 在ie中，...
可爱的iframe+div
05-25
开发者可以使用CSS为div设置样式，如背景色、边框、内边距和外边距，从而创建各种复杂的网页布局。通过组合多个div，我们可以实现响应式设计，适应不同的设备屏幕尺寸。 在"可爱的iframe+div"的场景中，可能是指...
js获取及修改网页背景色和字体色的方法
10-23
首先，要获取网页元素的背景色或字体色，可以使用JavaScript的`document.getElementById()`方法来选取指定ID的元素，然后通过`.style.backgroundColor`或`.style.color`属性获取相应的颜色值。这些属性返回的颜色...
html div+Iframe
03-16
2. **样式应用**：可以为`div`添加CSS样式，如背景色、边框、内边距和外边距，实现复杂的布局效果。 3. **类与ID**：通过`class`或`id`属性，`div`能被特定的CSS或JavaScript选中，实现定制化的样式和行为。 4. **...
如何让iframe透明
lingxyd 的专栏
11-07 2741
如何让iframe透明？？？？？ (2008-05-22 22:33:52) var $tag=iframe,背景,父框架,透明,网页,it; var $tag_code=9ce65a66ca8145e108b179a0670f78b3; 标签：iframe 背景 父框架 透明 网页 i
iframe背景色
顾传龙
07-09 2387
用iframe引用同一个页面,但想让这个页面在不同的引用中有不同的背景色： 一、可以使用iframe的透明来实现：   1、给放置iframe的容器设置你要的背景，比如table的单元格   2、把iframe设置为允许透明   3、设置iframe包含的页面背景为透明   这样以来，就可以通过控制单元格的背景色来达到需要的效果了   代码：   main.htm
layui弹出层 iframe子页面的背景层覆盖父级页面
热门推荐
卡卡罗特的博客
02-01 1万+
项目中运用了iframe,子页面显示。但是在使用layui的插件时，弹出层背景自覆盖当前的iframe区域，并不是覆盖了整个页面。 要实现覆盖整个页面，这里就需要用到layui中的方法，parent.layer.open({}）。在父级页面打开弹出层。具体操作如下： 注意：在外面的父级页面和iframe里面的子页面都需要，引用layui.js和layui.css 第一步：子页面中调用pare
js弹出窗口
bvb09的
12-18 1094
 function get_cookie(Name) { var search = Name + "="; var returnvalue = ""; if (document.cookie.length > 0) {  offset = document.cookie.indexOf(search);   if (offset != -1) { // 如果以前有coo
[html] iframe可以使用父页面中的资源吗（如：css、js等）？
歌谣的博客
04-13 963
[html] iframe可以使用父页面中的资源吗（如：css、js等）？ iframe 属于一个单独的文档不能直接使用父页面的资源，css的层叠不会影响iframe iframe如果和父页面同域则可以在iframe中使用parent对象来使用父页的js对象 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
Div iFrame面向对象小窗口实现指南
通过CSS，可以定义Div的布局（如float、position、display）、尺寸、颜色、边框样式、背景和很多其他视觉效果。因此，Div是构建网页布局、创建复杂页面结构的基础。 #### 3. Div在面向对象中的应用 在面向对象的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值