要嵌入的框架:
<!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=" background-color:transparent;">
-->
<body style=" background-color:transparent;">
<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>
PS:兼容IE6+,火狐,谷歌,欧朋
效果图: