首页 >> 技术文章 >> 详细内容
如何让iframe背景色透明
框架页文件设置:
<body style="background-color:transparent" > 或 <body bgColor="transparent">
方法一:
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" style="filter:chroma(color=#ffffff)" >
</iframe>
缺点:iFrame里的白色的都变透明了。
方法二:(个人推荐使用)
<iframe src="about.htm" width="100%" height="100%" align="center" scrolling="auto" frameborder="0" allowTransparency="true" >
</iframe>
还有其它几个写法,可以比较一下:
<iframe src="about.htm" allowTransparency="true" style="background-color: green"> </iframe >
<iframe src="about.htm"> </iframe >
<iframe src="about.htm" style="background-color: green"> </iframe >

被这个问题卡了一天,除了IE 别的浏览器(opera firefox safari chrome)都解决了   
  
a.html嵌入一个b.html  
---------------------  
a.html---------  
<body>  
    <div id="main" >  
        <iframe name="header" src="b.html" mce_src="a.html" frameborder="0" scrolling="no" align="top" marginheight="0" marginwidth="0" width="992" height="106"></iframe>  
     </div>  
</body>  
  
---------------------------------  
b.html---  
<body style="background:transparent;">  
    <div id="main" >  
        <iframe name="header" src="a.html" mce_src="a.html" frameborder="0" scrolling="no" align="top" marginheight="0" marginwidth="0" width="992" height="106"></iframe>  
     </div>  
</body>  

只要在b.html页面的<body>设置样式就OK了
<body style="background:transparent;">

南京服务器托管 | 南京服务器租用 | 南京主机托管 | 南京主机租用 | 南京华昊数据 | www.467.cn |
TEL:400-025-9-467 025-58633651 QQ:23190019

发布者:admin 发布时间:2017/10/27 阅读:2388

Baidu
Copyright © 2002-2021 467.Cn All rights reserved    南京华昊网络技术有限公司    版权所有
备案序号:苏ICP备13052121号    ISP经营许可证:苏B2-20080166    ICP/SP经营许可证:苏B2-20130350      苏公网安备 32011102010099号
地址:南京市江北新区大桥北路77号电信大楼5楼    电话:025-58633651(8线)  13913852884  传真:025-58497310    E-mail:467cn@163.com    邮编:210032
网址:Www.467.Cn    QQ在线支持:点击这里给我发消息 点击这里给我发消息