`
zhangyaochun
  • 浏览: 2613161 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

iframe相关case之allowTransparency属性

allowTransparencyiframe 
阅读更多

1、在使用iframe调用的页面，IE（不包含ie9）会以白色背景显示（如果调用的页面没有设置背景颜色），如何让其透明?

 

 

    1、 在iframe标签上加上allowTransparency="true"属性

 

    2、 嵌入的页面body设置：

 

background:transparent;

 

 

    说明：

 

 

  • 针对iframe特殊属性
  • 仅对ie起到一定的作用
  • allowTransparency属性设置的时候方式也可以直接 allowTransparency
1
顶
4
踩
分享到：
| overrideMimeType
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iframe 框架透明背景，框架透明背景

    本例主要是iframe对象的allowTransparency属性应用，在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。 allowTransparency设置或获取对象是否可为透明。 bgColor 设置或...

    使用iframe在网页中嵌入其他网页的方法

    下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的方法以及相关属性。 首先，`<iframe>` 标签的基本结构如下： ```html <iframe src="目标URL" width="宽度" height="高度" frameborder="边框" margin...

    自学Iframe框架

    Iframe除了基本的`src`、`width`和`height`属性外，还有许多其他属性可以设置，以增强其功能性和用户体验。 ##### 1. frameborder - **属性**: 设置Iframe边框是否显示。 - **取值**: 1 表示显示边框；0 表示隐藏...

    iframe框架透明样式

    ### iframe框架透明样式的实现与应用 ...综上所述，通过合理设置`<iframe>`的背景属性，不仅可以有效提升网页的设计美感，还能增强用户体验。开发者应根据具体需求选择合适的实现方式，并注意解决兼容性和性能等问题。

    iframe的用法

    1. **src**: 这是`iframe`最重要的属性之一，用于指定被嵌入内容的URL地址。 - 示例：`<iframe src="https://www.example.com"></iframe>` 2. **width** 和 **height**: 分别用于设置`iframe`的宽度和高度，可以是...

    Iframe使用帮助

    同时，Iframe支持多种属性，如`align`（对齐方式）、`allowTransparency`（是否透明）、`frameBorder`（边框宽度）等，这些属性可以调整Iframe的显示效果和交互行为。 在实际应用中，Iframe也有一些限制，比如跨域...

    asp.net iframe的用法

    - `allowTransparency="true"` 属性可以让 `iframe` 的背景透明，但这仅适用于支持此属性的浏览器，如IE5.5及以上版本。 - 为了更好地布局和格式化 `iframe`，通常将其放置在 `div` 元素中，利用 CSS 进行定位和...

    ASP.NET iframe 的通用用法

    为了使 `<iframe>` 内容与外部页面背景融合，可以使用 `allowtransparency` 属性。 ```html <iframe id="transparentFrame" src="transparentBody....

    iframe背景透明的设置方法

    总结来说，要实现iframe背景透明，需要设置iframe的allowTransparency属性为true，并且在iframe内容的源文档中将背景颜色设置为透明。需要记住的是，即使进行了上述设置，如果iframe中的内容有明确的背景色设置，...

    iframe标签用法详解(属性、透明、自适应高度)

    要实现`iframe`的透明效果，可以使用`allowTransparency`属性，将其值设为`true`。同时，可以设置`background-color`为`transparent`。但需要注意，不同浏览器的兼容性和处理方式可能有所不同，因此在实际应用中可能...

    让iframe透明的参数

    iframe src="./ads_top_tian.html" allowtransparency="true" style="background-color=transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>

    Flex IFrame中文注释使用方法详解

    这里，`id`属性定义了组件的唯一标识，`source`属性则指定了要加载的URL，`width`和`height`设置了IFrame的尺寸。 ### 中文注释 对于初学者来说，中文注释有助于理解代码含义。下面是一个包含中文注释的例子： ``...

    iframe transparent透明背景方法

    1. 在iframe元素中使用`allowTransparency="true"`属性。这个属性的存在是告诉浏览器，我们希望iframe的背景透明，而不是使用默认的白色或其他颜色。需要注意的是，并非所有的浏览器都支持这个属性，但是它在多数...

    iframe去边框、无边框使用大全(实践经验整理)

    - `allowtransparency`属性用于设定背景是否透明，`yes`表示透明，`no`表示不透明。 5. **服务器端交互**： - `runat="server"`是ASP.NET中的特殊属性，允许服务器端代码处理该元素，例如在iframe中进行页面跳转...

    iframe框架在IE浏览器下将白色背景设为透明色

    将`iframe`的`allowTransparency`属性设置为`true`，理论上可以让`iframe`的背景变得透明。例如： ```html <iframe id="myIframe" src="childPage....

    iframe的各项参数整理附说明及使用示例

    5. `allowtransparency`：此属性控制`<iframe>`的背景是否透明。`yes`表示透明，`no`表示不透明。 ```html <iframe src="test.jsp" allowtransparency="yes"></iframe> ``` 6. `name`：`<iframe>`的名称，用于...

    CSS-CSS属性速查表

    以上总结涵盖了给定文件中提到的CSS属性和相关知识点，详细解析了每个属性的作用、应用场景及与其他属性的关联，旨在帮助读者深入理解CSS的灵活性和强大功能，为高效运用CSS进行网页设计和开发奠定坚实基础。

    IFrame跨域高度自适应实现代码

    在Web安全策略中，浏览器执行同源策略，这意味着一个网页只能访问与之同源（协议、域名、端口相同）的IFrame内容。但当IFrame加载的页面与包含它的页面不在同一域时，就会出现跨域情况，此时默认情况下无法直接获取...

Magicbox
Global site tag (gtag.js) - Google Analytics