框架页文件设置:
<body style="background-color:transparent" > 或 <body bgColor="transparent">
方法一:
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" style="filter:chroma(color=#ffffff)" >
</iframe>
缺点:iFrame里的白色的都变透明了。
方法二:(个人推荐使用)
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" allowTransparency="true" >
</iframe>
还有其它几个写法,可以比较一下:
<iframe src="about.htm" allowTransparency="true" style="background-color: green"> </iframe >
<iframe src="about.htm"> </iframe >
<iframe src="about.htm" style="background-color: green"> </iframe >
- 浏览: 1684642 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1323)
- easyui学习 (21)
- jquery (51)
- css (21)
- js (103)
- html (19)
- java (95)
- 测试工具 (7)
- oracle (45)
- eclipse (9)
- spring (8)
- 开源框架 (111)
- struts (12)
- hsqlbd (2)
- h2database (2)
- maven (8)
- activiti (2)
- sql语句 (7)
- fmpp (1)
- apache (2)
- tomcat (6)
- jbpm (2)
- ant (20)
- mysql (10)
- 业务需求 (54)
- ralasafe (3)
- Quartz (4)
- mybatis (8)
- flex (6)
- html5 (16)
- apache工具 (4)
- hibernate (5)
- linux (109)
- powerdesigner (3)
- 报表 (1)
- log4j (2)
- junit (1)
- shiro (4)
- wap (3)
- php (28)
- mantis (1)
- poi (3)
- extjs (1)
- 安防 (34)
- 网络 (113)
- UltraEdit (1)
- 手机 (9)
- freemarker (19)
- jquery mobile (28)
- css3 (1)
- 微信 (9)
- nodejs (7)
- 项目管理 (14)
- 文档 (13)
- ibatis (22)
- ftp (3)
- spring MVC (9)
- groovy (2)
- AngularJS (19)
- nginx (15)
- 会计 (5)
- hive (1)
- 分布式 (8)
- 设计模式 (4)
- velocity (2)
- 爬虫 (2)
- git (1)
- thymeleaf (4)
- activemq (5)
- bootstrap (1)
- Spring Batch (1)
- memcache (20)
- ttserver (1)
- Jenkins (1)
- cxf (1)
- axure (2)
- 银行金融 (11)
- c语言 (2)
- 大数据 (4)
- drools (4)
- python (2)
- 交易所 (1)
- haproxy (1)
- dubbo (3)
- dos (3)
- 人力资源 (4)
- 支付 (1)
- Intellij IDEA (1)
- IPO (1)
- springboot (1)
- 质量管理 (7)
- svn (1)
- 其他 (8)
- 阿里云 (2)
- 多媒体设计 (2)
- 数据库 (4)
- wps (0)
最新评论
-
masuweng:
en
Native.js -
rmnjava:
我按照你的方法写的,不起作用啊
easyui验证的删除和恢复 -
rmnjava:
原地址打不开了呀
easyui验证的删除和恢复 -
sunteng:
sunteng 写道这是json 吗[{url:'aaa'}, ...
freemarker解析json数组 -
sunteng:
这是json 吗
freemarker解析json数组
发表评论
-
CSS3 text-overflow
2015-05-27 14:28 590本例演示当光标浮动到元素上时如何显示全部文本 < ... -
样式实现的圆圈
2015-01-19 15:55 539效果 使用到的样式技术: clip 属性 定义和用 ... -
解决子级用css float浮动 而父级div没高度不能自适应高度
2014-12-28 19:06 842解决子级对象使用css float浮动 而父级div不能自适 ... -
normalize.css
2014-05-20 13:33 439Normalize.css 是一个可以定制的CSS文件,它让 ... -
一个使用css的提示框hint.css
2013-05-10 14:47 5681hint.css是使用css的一个 ... -
Reset CSS
2013-03-21 14:34 998Reset CSS用于重新设置html标签的默认格式 官方 ... -
CSS3 Media Query CSS3媒介查询
2013-03-21 09:29 1201通过min-width的设置,我们可以在浏览器窗口或设备屏 ... -
HTML <link> 标签的 media 属性
2013-03-08 14:59 3108HTML <link> 标签的 media 属 ... -
css改变选中字体背景色和字体色
2013-01-31 14:02 1927默认情况下,选择网站文本都是深蓝的背景,白色的字体,那么我们 ... -
css基础样式
2013-01-18 16:46 9371.line-height 行高line-height:20 ... -
谷歌和safari webkit独有css hack
2013-01-18 16:15 3239介绍下区别谷歌浏览器(Chrome)苹果浏览器(safari ... -
区别IE6,IE7,IE8,FF CSS HACK
2013-01-18 16:02 1001区别IE6,IE7,IE8,FF CSS HACK 【区别 ... -
IE下css if条件
2013-01-18 15:51 1119<!--[if IE]> Only IE < ... -
让ifrae背景透明
2013-01-17 16:52 10371. <iframe src="./ads ... -
通过样式设定图片自适应大小
2012-10-24 10:48 1754样式如下: div img { max-width: ... -
图片居中
2012-10-24 10:46 867我在使用css样式设置图片居中的时候一直不成功最后通过在图片包 ... -
自动换行 word-break:break-all和word-wrap:break-word
2011-10-17 16:48 1060word-break:break-all和word-wrap: ... -
css的特殊样式ime-mode
2011-10-11 15:31 1122css 之 ime-mode语法:ime-mode : a ... -
用css分割线制作
2011-10-09 10:09 2005在easyui中的分割线不是通过图片做的,而是通过定义一个样式 ... -
css让数字和字母换行
2011-10-08 17:28 1175让换行数字换行 word-wrap:break-word; ...
相关推荐
默认情况下,`iframe`会显示一个完整的独立页面,包括背景颜色、边框等。 要实现背景透明,我们需要考虑以下几点: 1. **CSS样式设置**:`iframe`本身并不支持直接设置背景透明度,但我们可以通过修改其CSS样式来...
总的来说,实现“iframe框架透明背景”主要涉及`iframe`标签的使用,以及相关的CSS样式设置,特别是背景颜色和边框的透明化处理。同时,还要注意浏览器兼容性和跨域问题,确保在各种环境下都能正确显示。通过这样的...
本例主要是iframe对象的allowTransparency属性应用,在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...
总结来说,要实现iframe背景透明,需要设置iframe的allowTransparency属性为true,并且在iframe内容的源文档中将背景颜色设置为透明。需要记住的是,即使进行了上述设置,如果iframe中的内容有明确的背景色设置,...
首先,我们来看一下问题的需求:让一个名为“swf”的iframe背景变为透明。根据给定的部分代码片段,我们可以看到该iframe的一些基本属性设置: ```html <iframe name="swf" src="light....
然而,在实际应用中可能会遇到由于内外层页面背景色不一致导致视觉效果不佳的情况。为了提高用户体验并保持整体风格的一致性,将`<iframe>`的背景设为透明显得尤为重要。下面将详细介绍如何实现`<iframe>`框架的透明...
然而在使用iframe时,可能会遇到需要让iframe背景透明的需求。通过设置iframe的透明背景,可以使得iframe内部的页面内容和样式与外部页面的布局和风格融为一体,这样的设计使得网页整体看起来更加整洁和专业。 在本...
这样,子页面的背景也会变为透明,使得`iframe`看起来没有背景色: ```html <!-- 子页面内容 --> ``` 结合上述两个步骤,`iframe`在IE浏览器下的白色背景就可以成功地变为透明。以下是一个完整的示例,包括主...
在这种情况下,解决方案是为DIV设置一个不透明的背景颜色,或者使用透明的背景图片。 第二种情况是IE8浏览器中Z-index失效的问题。在IE8中,当IFRAME内部嵌入video元素进行视频播放时,可能会导致外部元素的z-index...
有时候,我们希望`iframe`的内容与父页面完美融合,使其背景颜色透明,从而实现继承父页面颜色的效果。标题和描述中提到的“让iframe透明的参数”就是指如何配置`iframe`以达到这种目的。这里我们将详细介绍如何通过...
以下是对这两个库以及与`iframe`、高度自适应和背景颜色处理相关的知识点的详细解释。 首先,`html2canvas`是一个JavaScript库,它的主要功能是将DOM(文档对象模型)转换为Canvas元素。这个过程被称为“屏幕截图”...
在Windows编程中,实现窗口透明、屏蔽特定键盘按键(如ESC和ENTER)以及改变控件的背景颜色和字体样式是常见的需求。以下将详细介绍这些功能的实现方法。 **一、实现窗口透明** 在Windows API中,可以使用`...
例如,要获取名为"sFrameName"的Iframe内body对象的背景颜色,可以使用以下代码: ```javascript sColor = document.frames("sFrameName").document.body.style.backgroundColor; ``` 然而,需要注意的是,只能通过`...
要实现这一效果,可以创建一个全屏的`div`,设置其背景色为半透明黑色,然后利用`CSS`的`position`属性将其定位在页面顶部,并设置`z-index`确保其位于其他元素之上。当页面加载完成后,通过JavaScript或jQuery来...
这包括设置合适的宽度和高度(通常是100%),以及背景颜色(如半透明黑色)和透明度。通过CSS可以控制`<iframe>`的定位,使其覆盖整个页面。 三、支持滚动和拖动 为了让遮罩层支持页面滚动,我们需要确保`<iframe>`...
IFrame是一种窗口体系结构,它允许开发者自定义窗口的颜色、边框、形状、组件以及透明度,提供了比JFrame更丰富的界面定制选项。IFrame的设计目标是保留JFrame的系统级功能,如窗口管理,同时增加自定义外观的能力,...
- `backgroundColor`: IFrame的背景颜色。 - `allowTransparency`: 是否允许透明背景。 - `autoResize`: 是否根据内容自动调整大小。 同时,IFrame组件还支持一些重要的事件,如`load`(加载完成)、`unload`(内容...
2. **样式定制**:支持自定义弹出层的外观,包括背景颜色、边框、阴影等,以匹配网站的设计风格。 3. **内容动态加载**:可以动态改变iframe的`src`属性,实现在弹出层中加载不同的网页内容。 4. **事件处理**:提供...