HTML iframe设置背景透明

要嵌入的框架

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{width: 800px;height: 600px;background: #f60;
}
</style>
</head>
<!--正常情况下iframe的背景色是白色当框架页面有一个大的背景图或背景色时iframe区域并不能继承框架页面的背景这就需要让iframe背景色透明<body style=" ">
-->
<body style=" ">
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
</body>
</html>

演示的页面

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="background: url(bg.jpg);"><!--设置IE下的iframe背景透明 allowTransparency="true"--><iframe src="box.html" width="800" height="600" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</body>
</html>

转载于:https://www.cnblogs.com/wssdx/p/8426723.html

HTML iframe设置背景透明相关推荐

iframe设置背景透明（allowTransparency属性）
IE5.5开始支持浮动框架的内容透明.如果想要为浮动框架定义透明内容,则必须满足下列条件. 1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true. 2 ...
iframe 去除边框去除滚动条设置背景透明
iframe去除边框和滚动条其实完全不需要css控制 iframe 标签给我提供了几个很不错的属性设置 src :这个不用说就是嵌套界面的地址 frameborder :是否需要边框 0不需要 ...
如何让iframe的背景透明
如何让iframe的背景透明 2007-06-27 14:10 IE5.5开始支持浮动框架的内容透明.如果想要为浮动框架定义透明内容,则必须满足下列条件. 1.与 iframe 元素一起使用的 all ...
Sublime如何设置背景透明
Sublime如何设置背景透明下载sublime 透明背景插件我用的是git下载插件: git clone https://github.com/vhanla/SublimeTextTrans.g ...
CSS的opacity设置背景透明，字体不透明
opacity属性会使子元素也生效,而且子元素再设置opacity:1:是没有作用的: <body><div class="demo"><div cl ...
html中设置背景透明,css如何设置背景透明
css设置背景透明的方法:首先在[ ]标签创建[ ]标签和添加类:然后在[ 3.为div添加样式.在标签后面创建一个 4.保存后使用浏览器查看.可以看到当透明度为由0.1修改为1时div背景由灰色变 ...
设置背景透明时里面内容内容模糊（已解决）
我们通常会遇到这种问题,特别是对于我这种前端小白,在导航栏鼠标放上去的时候,设置背景透明,结果里面的文字也变暗了,这是因为子元素的文字继承了父元素的属性了,那怎么办,用伪类设同级元素就好. 先贴代码, ...
html+页面的背景透明,css设置背景透明元素不透明
css设置背景透明元素不透明在做前端页面的时候,我们会遇到这样的情况,需要背景为半透明状态,但是层里面的内容不需要为透明的状态.有时候我们设置的时候会出现不管内容还是背景同时都成透明了,如何实现背 ...
CSS设置背景透明效果
CSS设置背景透明效果设置背景透明效果有两种方法: 使用opacity属性定义透明度,范围0-1,0表示完全透明,1表示不透明,优点:可以在背景图片以及背景颜色上使用.缺点:会把设置div及其子元素 ...
设置背景透明文字内容不透明方法
设置背景透明文字内容不透明方法效果图如下: <!-- 设置背景透明文字内容不透明方法兼容ie全家族Copyright 2017-9-25, Jachin QQ: 381558301 Emai ...

HTML iframe设置背景透明

HTML iframe设置背景透明相关推荐

最新文章

热门文章