码迷,mamicode.com
首页 > Web开发 > 详细

HTML iframe设置背景透明

时间:2018-02-07 17:00:33      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:border   需要   back   zh-cn   body   iframe   scroll   code   情况下   

要嵌入的框架

 

<!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>

HTML iframe设置背景透明

标签:border   需要   back   zh-cn   body   iframe   scroll   code   情况下   

原文地址:https://www.cnblogs.com/wssdx/p/8426723.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!