iframe背景色为父DIV的方法

最新推荐文章于 2022-06-09 17:08:57 发布

原创最新推荐文章于 2022-06-09 17:08:57 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #div #safari #firefox #opera #chrome

本文介绍了解决在IE浏览器中a.html嵌套b.html显示异常的问题，通过为b.html中的<body>标签添加样式属性background:transparent;成功解决了除IE外其他浏览器的显示问题。

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

只要在b.html页面的<body>设置样式就OK了

对比下面2张图

设置前的页面

设置后的页面

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bvb09

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

div被iframe遮住的几种情况及解决方法

12-10

当div使用透明的背景时，无论是使用（opacity或者rgba格式），除了chrome，其它浏览器都出现div被iframe遮住的情况。解决方法： div使用不透明背景或者使用透明的背景图片。第二种：ie8中z-index失效在ie中，...

可爱的iframe+div

05-25

开发者可以使用CSS为div设置样式，如背景色、边框、内边距和外边距，从而创建各种复杂的网页布局。通过组合多个div，我们可以实现响应式设计，适应不同的设备屏幕尺寸。在"可爱的iframe+div"的场景中，可能是指...

2 条评论您还未登录，请先登录后发表或查看评论

修改iframe子页面,使其背景色与父页面一致

牛牛的空间

12-11

1188

只需要在<iframe>中加style="filter:chroma(color=#ffffff)" 就可以使其一致

解决IE下iframe页面颜色和父页面颜色不一样的bug

haogangshang的专栏

04-08

232

公司做项目时碰到一个很棘手的问题，在IE下iframe页面和父页面的背景颜色不一样，css根本不起作用，弄了半天，最后在网上终于找到了解决方案。原来在IE下Iframe的背景色不是透明的，所以Iframe会出现是白色的情况。解决方案：第一步：在iframe中添加 allowtransparency="true"属性（只添加allowtransparency也行...

使iframe里面引用页透明，显示主页面的背景图片

0.0 空间

07-28

1159

main.htm ALLOWTRANSPARENCY="true" > iframe.htm STYLE="background-color:transparent"> Transparent.

父遮罩层覆盖子iframe中的空白部分以及table的各表项，其表现为深色半透明（同遮罩层颜色，但是比其深）

judas_jia的博客

08-12

778

父遮罩层覆盖子iframe中的空白部分以及table的各表项，其表现为深色半透明（同遮罩层颜色，但是比其深）

iframe嵌套的页面，单独打开是清晰的，嵌套打开就变得模糊(嵌套的页面是三维页面)

summer鸿的博客

07-30

4200

这个问题让我头痛了很久，想不明白怎么回事，后面发现之所以会这样，是因为我在iframe的页面中，加入了 <metaname="viewport"content="width=device-width,initial-scale=1.0,user-scalable=no">，这个去掉之后，iframe嵌套的页面就清晰了。 ...

div+css代替iframe框架并带全屏遮罩加载特效

01-24

要实现这一效果，可以创建一个全屏的`div`，设置其背景色为半透明黑色，然后利用`CSS`的`position`属性将其定位在页面顶部，并设置`z-index`确保其位于其他元素之上。当页面加载完成后，通过JavaScript或jQuery来...

js获取及修改网页背景色和字体色的方法

10-23

首先，要获取网页元素的背景色或字体色，可以使用JavaScript的`document.getElementById()`方法来选取指定ID的元素，然后通过`.style.backgroundColor`或`.style.color`属性获取相应的颜色值。这些属性返回的颜色...

如何让iframe透明

lingxyd 的专栏

11-07

2760

如何让iframe透明？？？？？ (2008-05-22 22:33:52) var $tag=iframe,背景,父框架,透明,网页,it; var $tag_code=9ce65a66ca8145e108b179a0670f78b3; 标签：iframe 背景父框架透明网页 i

iframe背景色

顾传龙

07-09

2422

用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

日程安排组件dhtmlxScheduler

bvb09的

12-18

1万+

dhtmlxScheduler是一个相当不错的日程组件，经过一星期，终于折腾出了个java版的基本应用demo里都有的直接上关键的部分汉化日期显示格式改这里的代码dhtmlxscheduler.jsscheduler.locale={ date:{ month_full:["1月","2月","3月","4月","5月","6月","7月","8月","9月","

js弹出窗口

bvb09的

12-18

1109

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 子页面调用父页面的方法

小小的熊的博客

05-08

1240

还是附上代码吧。不多说，方便日后查看父页面代码： <!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="jav...

docker run -it 和 docker exec -it具有什么功能呢？

qq_25073223的博客

06-09

645

docker run的功能简介说明

Div iFrame面向对象小窗口实现指南

通过CSS，可以定义Div的布局（如float、position、display）、尺寸、颜色、边框样式、背景和很多其他视觉效果。因此，Div是构建网页布局、创建复杂页面结构的基础。 #### 3. Div在面向对象中的应用在面向对象的...