iframe元素內嵌頁面如何去掉继承的html及body背景色/背景图片
2013-05-23 13:11
585 查看
如何实现Iframe透明,教你去掉背景色!
iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。内嵌文档时一个完整的页面,有HTML,BODY等属性。这样遇到了一个问题,如果样式表中对BODY定义过背景色/背景图片,那么内嵌文档将全部继承过来。所以如何去掉背景色和背景图片:
【1】去掉背景色:filter:Chroma(Color=white);
举例:<iframe width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" leftmargin="0" topmargin="0" style="filter:Chroma(Color=white[b]);" [/b]></iframe>
【2】去掉背景图片:
举例:<iframe width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" leftmargin="0" topmargin="0" style="filter:Chroma(Color=white);" allowTransparency="true" ></iframe>
注意:内嵌页面同时也要增加BODY属性:
<body bgcolor="transparent" style='background:transparent'>
OK!大功告成
iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。内嵌文档时一个完整的页面,有HTML,BODY等属性。这样遇到了一个问题,如果样式表中对BODY定义过背景色/背景图片,那么内嵌文档将全部继承过来。所以如何去掉背景色和背景图片:
【1】去掉背景色:filter:Chroma(Color=white);
举例:<iframe width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" leftmargin="0" topmargin="0" style="filter:Chroma(Color=white[b]);" [/b]></iframe>
【2】去掉背景图片:
举例:<iframe width="100%" height="400" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" leftmargin="0" topmargin="0" style="filter:Chroma(Color=white);" allowTransparency="true" ></iframe>
注意:内嵌页面同时也要增加BODY属性:
<body bgcolor="transparent" style='background:transparent'>
OK!大功告成
相关文章推荐
- 制作html网页时如何使用CSS使背景图片拉伸(填充)
- 覆盖掉body的背景图,只需要在相应的地方使用背景色,因为子元素背景色的优先级高于父元素背景图
- Jquery如何获取iframe里面body的html呢?
- HTML如何使用一张图片做背景只显示一次
- 如何用PS去掉PNG图片的背景色?
- HTML BODY 背景图片
- java中的图形界面如何在JFrame中添加背景色及背景图片
- 如何用Photoshop去掉图片的背景颜色
- css如何使body背景图片适合所有大小宽度的屏幕
- HTML页面元素加载顺序----Script标签在Firefox下对背景图片的影响
- IFRAME相关,各浏览器中 IFRAME 元素的 scrolling 属性与其子页面 HTML 与 BODY 元素 'overflow' 特性的制约关系有差异
- HTML网页BODY中如何设置背景图拉伸的最有效方法
- html 设置body背景图片
- 如何用Photoshop去掉图片的背景颜色
- 【原】HTML页面元素加载顺序研究报告(2)----背景图片
- HTML5 body设置全屏背景图片 如何让body的背景图片自适应整个屏----实战经验
- HTML控件Input(File)中如何把浏览按钮的背景更换成图片
- 如何在改变了html表单里的“提交按钮的背景图片”
- 各浏览器中 IFRAME 元素的 scrolling 属性与其子页面 HTML 与 BODY 元素 'overflow' 特性的制约关系有差异
- HTML网页打印去掉页眉页脚,以及如何控制不想打印出的页面元素【梨城在线】