`

设置iframe框架背景透明

阅读更多

iframe页面(head.jsp)body标签中加入:style=background:transparent

home.jsp调用iframe页面iframe标签中加入:allowTransparency="true"如:

head.jsp

<html>
<body style="background:transparent">
hello,test!<!-- <iframe src="http://m.weather.com.cn/m/pn12/weather.htm" width="245" height="100" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" allowtransparency="true" scrolling="no"></iframe>-->
</body>
</html>

hom.jsp

<html>
<body style='background-color:#DFE8F6;'>
<iframe src="head.jsp" width="380" height="110" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="I2" allowtransparency="true" align="middle">
</iframe>
</body>
</html>

分享到:
评论

相关推荐

    iframe 框架透明背景

    "iframe框架透明背景"这个主题涉及到如何在`iframe`中设置背景为透明,以便于它与父页面更好地融合,营造出如同支付宝首页那样的视觉效果。 首先,我们需要了解`iframe`的基本语法。`iframe`标签在HTML中是这样写的...

    iframe 框架透明背景,框架透明背景

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

    让框架背景透明

    ### 让框架背景透明——使用CSS样式实现兼容性好的解决方案 在网页设计中,有时我们需要让某些元素(如iframe)的背景变得透明,以便更好地融合到整体设计之中或实现特定的视觉效果。本文将详细介绍如何通过CSS样式...

    iframe框架透明样式

    3. **子框架背景处理**:如果子框架内的内容也需保持背景透明,则需要额外处理子框架内的HTML/CSS。例如,在子框架的HTML文件中添加全局样式: ```css body, html { margin: 0; padding: 0; background-color: ...

    iframe背景透明的设置方法

    首先,重要的是了解并非所有浏览器都支持iframe背景的透明设置。从IE5.5版本开始,浏览器开始支持浮动框架内容的透明化。要使iframe支持透明效果,我们需要确保两个关键的设置条件被满足: 1. iframe元素必须使用...

    自学Iframe框架

    - **属性**: 控制Iframe背景是否透明。 - **取值**: true 或 false。 - **示例**: ```html &lt;iframe src="example.html" width="600" height="400" allowtransparency="true"&gt;&lt;/iframe&gt; ``` ##### 5. onload - **...

    div+css代替iframe框架并带全屏遮罩加载特效

    要实现这一效果,可以创建一个全屏的`div`,设置其背景色为半透明黑色,然后利用`CSS`的`position`属性将其定位在页面顶部,并设置`z-index`确保其位于其他元素之上。当页面加载完成后,通过JavaScript或jQuery来...

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

    在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架元素,它允许在一个HTML文档...在实际开发中,为了确保兼容性,建议使用CSS来统一处理背景透明,并考虑使用条件注释或JavaScript进行浏览器特定的兼容性修复。

    弹出窗口_背景固定_iframe

    1. 创建一个CSS样式,使得弹出窗口在页面中央显示,并设置背景为透明或半透明,以达到“固定背景”的效果。这样,当弹出窗口打开时,用户可以看到被遮挡的主页面,但不能与之交互。 2. 在HTML中使用`&lt;iframe&gt;`元素,...

    iframe弹出窗

    可以使用CSS来设置`div`的样式,使其看起来像一个弹出窗口,包括边框、背景、透明度等效果。例如: ```html ; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:white; border:1px ...

    ASP.NET iframe 的通用用法

    实现背景透明 为了使 `&lt;iframe&gt;` 内容与外部页面背景融合,可以使用 `allowtransparency` 属性。 ```html &lt;iframe id="transparentFrame" src="transparentBody....

    Iframe使用帮助

    要实现透明,需满足两个条件:1) 在Iframe标签中设置`allowTransparency="true"`;2) 在Iframe内容源文档中,设置`background-color`或`BODY`元素的`BGCOLOR`属性为`transparent`。 此外,Iframe元素在Microsoft ...

    iframe的用法

    6. **allowtransparency**: 控制`iframe`背景是否透明,默认为`false`。 - 示例:`&lt;iframe allowtransparency="true"&gt;&lt;/iframe&gt;` #### 示例应用 假设我们需要在一个网页中嵌入一个简单的HTML页面`first.htm`,...

    asp.net iframe的用法

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

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

    Flex IFrame组件是Adobe Flex框架中的一个强大工具,它允许开发者在Flex应用程序中嵌入HTML、JSP或其他Web内容。这个功能使得Flex应用能够与外部Web资源交互,从而实现更丰富的用户体验。本文将深入探讨Flex IFrame...

    lightbox在iframe内弹在父窗口上

    在提及的"Lightbox在iframe内弹在父窗口上"的话题中,我们讨论的是如何在嵌入的iframe框架内部触发Lightbox效果时,使其能够跨越iframe边界,直接在父窗口中展示。 Lightbox通常与JavaScript库如jQuery结合使用,...

    div覆盖 iframe

    而`iframe`则是用于在网页中嵌入另一个完整的网页或资源的框架。下面将详细介绍这两种元素及其相互作用。 `div`(Division)是HTML5中的一个块级元素,用于组织文档结构,可以容纳其他HTML元素。通过CSS(层叠样式...

    让网页框架透明 底部对齐的代码

    在上面的例子中,我们使用了allowTransparency方法将框架对象的背景颜色设置为透明,从而实现了网页框架的透明背景。 另外,让网页框架底部对齐也是网页设计中常用的技术。底部对齐可以使网页的布局更加整齐和美观...

    HTML框架代码全集.pdf

    - `allowTransparency`:允许框架背景透明,以便背景图片或颜色可以透过框架的空白部分显示出来。 - `name`属性为框架指定一个名称,可以用于链接的目标框架。 - `src`属性指定框架加载的资源地址。 2. ...

Global site tag (gtag.js) - Google Analytics