设置iframe背景色透明

最新推荐文章于 2024-04-24 09:22:16 发布
最新推荐文章于 2024-04-24 09:22:16 发布
阅读量4.2k 收藏
点赞数 1
分类专栏： WEB 文章标签： iframe javascript filter border 框架 360

在开发的过程中,有时候我们需要为页面加入iframe框架,为了保持页面的风格,常常为将其底色设置为透明的,为方便以后查找,现记录下来:

方法一:

Javascript代码 复制代码
  1. <iframe src="ifraem.jsp" width="100%" height="360" align="center" scrolling="auto" frameborder="0" style="filter:chroma(color=#ffffff)"></iframe>   
  2.   
  3. 在iframe页面里将body更改为:   
  4. <body style="background-color:transparent" >   
<iframe src="ifraem.jsp" width="100%" height="360" align="center" scrolling="auto" frameborder="0" style="filter:chroma(color=#ffffff)"></iframe>

在iframe页面里将body更改为:
<body style="background-color:transparent" >



方法二:

Javascript代码 复制代码
  1. <iframe src="abc.htm" name="iframe" width="540" height="400" scrolling="Auto" frameborder="0" id="iframe" style="border:0px" allowtransparency="true"></iframe>   
  2.   
  3. 被嵌的页面加入：   
  4. <body style="background-color: transparent">  
liuqian34761
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue实现在线预览pdf文件功能（利用pdf.js/iframe/embed）
s13596191285的博客
03-16 113
最近在做一个精品课程，需要在线预览课件ppt，我们的思路是将ppt转换为pdf在线预览，所以问题就是如何实现在线预览pdf了。在实现的过程中，为了更好地显示效果，我采用了多种不同的方法，最终选择效果最好的pdf.js。
JavaScript 高性能编程 —— Data Access 数据访问
cccloveforever的博客
04-20 1505
经典计算机科学的一个问题是确定数据应当存放在什么地方，以实现最佳的读写效率。数据存储在哪里， 关系到代码运行期间数据被检索到的速度。在 JavaScript 中，此问题相对简单，因为数据存储只有少量方 式可供选择。正如其他语言那样，数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下，对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些，具体高多少，很大程度上依赖于浏 览器。
给 iframe 设置背景色
沐雨聼風
04-09 2071
在IE中，若不设置allowtransparency=“true”，则设置iframe的背景色或者设置其子页面的背景色都不起作用，其他浏览器下显示正常，该属性的意义是“允许透明”。
解决Iframe无论怎么设置都无法透明的问题
斯幽柏雷科技
02-15 484
事出反常必有妖,但这次着实我是没想到这么离谱…我怎么也没想到Iframe不透明居然是因为深色模式导致的…
在VUE项目中使用pdf.js+iframe实现pdf文件预览
K1nney的博客
07-12 1568
*
iframe元素內嵌頁面如何去掉继承的html及body背景色/背景图片
37度2
05-23 7764
如何实现Iframe透明，教你去掉背景色！     iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。内嵌文档时一个完整的页面，有HTML,BODY等属性。这样遇到了一个问题，如果样式表中对BODY定义过背景色/背景图片，那么内嵌文档将全部继承过来。所以如何去掉背景色和背景图片：    【1】去掉背景色：filter:Chroma(Color=white);
cmfclistctrl怎么设置某列文字颜色_PDF背景颜色设置的方法有哪些？怎么给PDF文件设置背景...
weixin_39640762的博客
11-06 163
怎么设置PDF文件背景？相信大家对于PDF文件的问题都十分感兴趣，不管是对PDF文件进行怎样的操作，只要涉及到PDF文件，大家会愿意去了解，那么今天小编就来分享一个PDF背景颜色设置的方法，看看大家有没有兴趣来了解呢！PDF文件比较难编辑，这个大家都知道，所以才会对PDF文件相关的问题感兴趣，下面来跟大家分享方法希望大家同样感兴趣。PDF设置背景的工具：迅捷PDF编辑器操作方法：1：打开PDF编辑...
[css] 使用iframe底部留白
qq_14993591的博客
10-18 279
经了解， iframe是一个内联框架，属于内联元素，可能会出现间距空白问题 下面两个属性均可解决问题 vertical-align: bottom; display: block; <iframe border="0" style="display:block;" width="" height="" frameborder="0" scrolling="no" src="" ></iframe> <iframe border="0" style="vertic
使用iframe预览pdf；
热门推荐
i_am_a_div的博客
09-30 1万+
使用iframe预览pdf，iframe预览报错
【前端】修改iframe里面的pdf的样式
smart_dream
04-15 513
但每一个浏览器（Chrome，Edge，Firefox，Safari等）都使用自己的PDF引擎来显示嵌入的PDF文件。你可以使用JavaScript或jQuery来检测有灰色的元素并将其更改为白色，但你必须为市场上的每一个浏览器都这样做，这样太复杂了。通过使用iframe，你可以在一个网页中显示另一个网页的内容。然而，由于安全性和隐私方面的考虑，通过CSS样式直接修改iframe中的内容是不被允许的。但是，你可以使用CSS来修改iframe的外观，比如调整宽度、高度、边框颜色等。
PDF取消黑边
qq_46641049的博客
10-12 706
PDF
JS修改iframe页面背景颜色的方法
12-03
本文实例讲述了JS修改iframe页面背景颜色的方法。分享给大家供大家参考。具体如下： 下面的代码演示了如何在网页里通过JS代码修改嵌入的iframe的网页背景颜色 <!DOCTYPE html> <html> <head> [removed] function changeStyle() { var x=document.getElementById("myframe"); var y=(x.contentWindow || x.contentDocument); if (y.document)y=y.document; y.body.style.backgroundColor="#0000
iframe transparent透明背景方法
10-30
不错的使iframe透明的方法不用每次都要改iframe里的背景颜色了
iframe框架在IE浏览器下将白色背景设为透明色
09-28
使用iframe画页面的层级框架，大部分浏览器是没有背景的，在IE中默认是有一个白色的背景色的，为了显示的更美观一些将iframe中的allowTransparent属性设置为true，即可
iframe 框架透明背景，框架透明背景
09-01
本例主要是iframe对象的allowTransparency属性应用，在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...
iframe框架透明样式
09-14
对引进的iframe样式进行透明背景的设置 可以避免背景颜色的重复
vue2---修饰符
最新发布
weixin_45503872的博客
04-24 993
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 578
官网代码（在取消选中状态的时候不生效）
一个小时学习javaScript
weixin_43064364的博客
04-20 919
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
iframe如何设置背景色
11-28
可以通过以下两种方法来设置iframe的背景色： 1. 在iframe标签中直接设置style属性，例如： ```html <iframe src="example.html" style="background-color: #f2f2f2;"></iframe> ``` 2. 在父窗体中设置背景色，并在iframe标签中添加allowTransparency属性，例如： ```html <!-- 父窗体中设置背景色 --> <body style="background-color: #f2f2f2;"> <!-- 在iframe标签中添加allowTransparency属性 --> <iframe src="example.html" allowTransparency="true"></iframe> </body> ``` 这样，iframe就可以使用父窗体中的背景色了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值