`

如何让一个iframe 背景透明？

Ajax 
阅读更多
网上查到让一个iframe 背景透明的办法:
首先在<body style="background-color:transparent"></body>
然后：
<iframe src="你的地址" allowtransparency="true" style="background-color:transparent" title="test" frameborder="0" width="470" height="308" scrolling="no"></iframe>

问题在于这里src里的文件不再我本机上，，我没办法设置它的<body style="background-color:transparent"></body>如下，我要引用天气预报：
<iframe src="http://weather.265.com/weather.htm" width="168" height="54" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

我的底色是蓝的，可这个底色是白的http://weather.265.com/weather.htm
这样该怎么办？

那就不要用iframe实现，你先把这个页面得到它的内部，然后再显示在页面里，
可以用ajax得到这个页面
不过这样是不是跨域了！
分享到：
| 为何sendRedirect之前使用request.setAttri ...
评论
发表评论

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

相关推荐

    透明背景的iframe

    网页中用iframe,但经常会被iframe把网页原来的背景挡住!透明背景iframe

    iframe 框架透明背景

    在网页设计中，`iframe`（Inline Frame）是一种非常有用的元素，它允许我们在一个HTML页面中嵌入另一个页面。这通常用于实现多个独立内容的并列显示，或者将某些复杂的功能如地图、视频等集成到自己的网站中。...

    HTML iframe设置背景透明

    2. **跨域问题**：如果`iframe`加载的页面不在同一个域下，由于浏览器的同源策略，我们无法通过CSS或JavaScript直接操作`iframe`的内容，包括设置其背景透明。这时，需要目标页面配合，通过CSS或JavaScript设置其...

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

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

    iframe背景透明的设置方法

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

    iframe框架透明样式

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

    让框架背景透明

    接下来，我们将介绍如何利用CSS来达到让iframe背景透明的目的。主要分为以下几个步骤： 1. **基础CSS设置**： - 首先，我们需要确保整个页面的背景也是透明的，这样才能确保iframe背景透明后不会出现视觉上的突兀...

    iframe transparent透明背景方法

    然而在使用iframe时，可能会遇到需要让iframe背景透明的需求。通过设置iframe的透明背景，可以使得iframe内部的页面内容和样式与外部页面的布局和风格融为一体，这样的设计使得网页整体看起来更加整洁和专业。 在本...

    弹出窗口_背景固定_iframe

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

    div被iframe遮住的几种情况及解决方法

    在这种情况下，解决方案是为DIV设置一个不透明的背景颜色，或者使用透明的背景图片。 第二种情况是IE8浏览器中Z-index失效的问题。在IE8中，当IFRAME内部嵌入video元素进行视频播放时，可能会导致外部元素的z-index...

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

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

    点击弹出窗口网页背景变暗且不可点的效果(二)：iframe实现

    标题中的“点击弹出窗口网页背景变暗且不可点的效果(二)：iframe实现”指的是在Web开发中，当用户点击某个元素时，会弹出一个新的窗口或对话框，而此时网页的背景会变暗并且不可交互，这种效果通常用于创建更加聚焦...

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

    在这种情况下，`&lt;iframe&gt;` 标签成为了一个非常实用的工具。`iframe` 是 "inline frame" 的缩写，它允许我们在主页面中嵌入一个独立的、可自定义的子页面。下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的...

    iframe弹出窗

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

    点击弹出窗口网页背景变暗且不可点的效果(三)：iframe实现

    这通常通过添加一个全屏的、半透明的层（如`div`元素）来实现，这个层位于`iframe`之下，覆盖整个页面。 3. **JavaScript控制**：使用JavaScript或者jQuery来监听用户的点击事件。当用户点击弹出窗口时，触发事件...

    在iframe 中页面中设置遮罩遮罩层

    这里的CSS样式定义了遮罩层`.mask`，它是一个全屏的半透明黑色背景，位于所有元素之上（`z-index: 9999`）。JavaScript部分提供了`showMask`和`hideMask`两个函数，分别用于显示和隐藏遮罩层。在示例中，我们监听了...

    div覆盖 iframe

    在描述中提到的“前辈的成果，显示所需要的页面，第一个页面隐藏”，可能指的是使用`div`作为初始页面，然后通过某种用户交互（如点击按钮）来显示`iframe`内容，同时`div`作为背景或者遮罩层，使得`iframe`内容成为...

    让iframe透明的参数

    首先，`allowtransparency`是一个HTML5引入的属性，用于指定`iframe`是否允许其内容的背景透明。当`allowtransparency`的值设为`true`时，`iframe`的内容背景就会变得透明。例如： ```html &lt;iframe src="./ads_top_...

    用iframe做的遮罩层

    在网页设计中，遮罩层是一种常见的用户界面元素，它用于在页面上创建一个半透明或全黑的覆盖层，通常用于突出显示特定内容或执行某些操作时避免用户与背景交互。"用iframe做的遮罩层"是一个巧妙的实现方式，它利用了...

    asp.net iframe的用法

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

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