Iframe背景色设置

最新推荐文章于 2024-02-22 09:22:55 发布
最新推荐文章于 2024-02-22 09:22:55 发布
阅读量7.3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zunguitiancheng/article/details/8974331
版权

 

 

Iframe的背景色是白色的，但是父窗体的背景色如果不是非白色的，则需要对IFrame的背景色进行设置。

 

<iframe id="myFrame" allowTransparency="true" style=" background-color:Blue;" runat="server" src="IframeWebForm.aspx" width="100%;" height="85%;"></iframe>

 

在Iframe标签中加入属性 allowTransparency="true" ，iframe则可以使用父窗体中的背景色了

 

简单的绿竹
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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的背景色及填充iframe
weixin_34138056的博客
06-24 7675
前几天在做一个自定义弹出层时，需要用到iframe做半透明的背景，但是由于iframe不能直接设置背景色而苦恼，百度google之后发现人们大都是给iframe设置src指向一个目标html页面，此页面仅仅是在body中设置背景色。始终觉得这样子不太好，一来是是iframe中页面缓存十分严重，日后修改背景色麻烦，二来如果加访问地址随机的话会导致每次弹框都要刷新。 我的方法：<iframe ...
iframe框架在IE浏览器下将白色背景设为透明色
09-28
使用iframe画页面的层级框架，大部分浏览器是没有背景的，在IE中默认是有一个白色的背景色的，为了显示的更美观一些将iframe中的allowTransparent属性设置为true，即可
iframe背景透明的设置方法
Guanerye0314的博客
02-22 403
父页面子页面
设置iframe背景色透明
刘谦的专栏
02-27 4203
设置iframe背景色透明
iframe背景色
顾传龙
07-09 2155
用iframe引用同一个页面,但想让这个页面在不同的引用中有不同的背景色： 一、可以使用iframe的透明来实现：   1、给放置iframe的容器设置你要的背景，比如table的单元格   2、把iframe设置为允许透明   3、设置iframe包含的页面背景为透明   这样以来，就可以通过控制单元格的背景色来达到需要的效果了   代码：   main.htm
html框架背景颜色代码,iframe框架在IE浏览器下将白色背景设为透明色
weixin_34752204的博客
06-03 517
最近在做项目的过程中需要频繁的使用iframe画页面的层级框架，大部分浏览器是没有背景的，但是iframe在IE中默认是有一个白色的背景色的，当主背景色不是白色的时候，在这一部分会显得很突兀。帮助手册中给出了解决方案，即将iframe中的allowTransparent属性设置为true，即可。在帮助文档中也给出了相应的示例，示例如下：复制代码代码如下:STYLE="background-colo...
设置iframe背景透明
maseccc的专栏
10-12 686
通常iframe背景是白色的，在不同浏览器下可能会有不同的背景颜色，在主页面有一个整体的背景颜色或者背景图片的时候，iframe区域便会出现一个白色块，与主体页面很不协调，这时候就需要让iframe背景透明。这里需要用到一个特殊的特性： allowtransparency="t
如何让iframe背景色透明
BOOLEAN的博客
07-15 1064
html中使用iframe的小tips
解决ie8下的iframe背景不透明为白色的问题
前端小渣渣
12-26 4155
 'background-color' 特性的默认值为 ''''transparent''''，即透明；但是IE6/IE7/IE8中 BODY 元素的背景色不是 transparent，而是 #FFFFFF;也就是变成了白色的。 在iframe中这个背景是其本身，不是iframe内的html元素的，所以，只对iframe进行相关设置就能去掉这个背景。 IE6/IE7/IE8中却是白色;所
JS动态修改网页body的背景色实例代码
11-28
大部分网页默认的背景色为白色，个人感觉比较刺眼，于是写了个JS的脚本去改变body部分的背景色，代码如下： // ==UserScript== // @name ChangeBackgroundColor // @namespace tingl // @include * // @version 1 // @grant none // ==/UserScript== (function () { 'use strict'; var color = '#ececec'; var style; function createStyle() { style = d
js获取及修改网页背景色和字体色的方法
10-23
主要介绍了js获取及修改网页背景色和字体色的方法,涉及JavaScript针对页面元素属性的相关操作技巧,需要的朋友可以参考下
iframe 背景设透明 国内某浏览器 为白色解决办法
05-23 2326
今天与同事做滚屏的一个测试,
iframe 设置背景色
清叶 的专栏
08-28 599
url所指的页面中:
关于iframe子页面修改其父页面CSS样式
追梦少年
01-21 5492
问题：首页中点击某个模块（这个模块利用iframe引入的），改变首页中某些样式？ 当点击子页面点击时候，改变父页面背景为黄颜色。 父页面HTML： 子页面HTML： 注意：父页面虽然没有用户jquery,但是也要导入jquery包
iframe框架的背景色的设置
wmnmtm的专栏
12-04 1882
    关于框架的背景色，开始我是这么设的  &lt;table&gt;&lt;tr&gt; &lt;td id="frmTitle"&gt;        &lt;iframe frameborder="0" id="frmLeft" name="frmLeft"  scrolling="auto" src="LeftM
修改iframe内部元素的样式
热门推荐
IICOOM的博客
04-05 3万+
也许你正在面临修改iframe内部元素的样式的问题，那么本文将快速给你分析一下是否具备修改的条件，以及可行的方法。
给 iframe 设置背景色
沐雨聼風
04-09 2069
在IE中，若不设置allowtransparency=“true”，则设置iframe的背景色或者设置其子页面的背景色都不起作用，其他浏览器下显示正常，该属性的意义是“允许透明”。
基于YOLOv5工地上安全帽佩戴的检测源码+训练好模型+数据集.zip
最新发布
04-24
YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明 YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明YOLO高分设计资源源码，详情请查看资源内容中使用说明
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、付费专栏及课程。

余额充值