首页  编辑  

html iframe半透明方法

Tags: /计算机文档/网页制作/   Date Created:
参考这里:
http://www.htmlite.com/SD009b.php

首先在主框架中,设置iframe:
<iframe id="iframeID" width="380" height="600" frameborder="0" src="" scrolling="yes" allowtransparency="true"></iframe></div>

然后,在frame子页面中,添加类似css代码:
<style type="text/css">
            body {background:none;}
            .trans_div {
                margin:0px;
                filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/50percent.png');
            }
            .trans_div[class] {background-image:url(/images/50percent.png);}
</style>

最后,把frame子页面body样式设置为trans_div即可:
<body class="trans_div">

关键是 50percent.png,这个是带Alpha半透明通道的1x1像素的图片。你可以更改颜色!
50percent.png (0.1KB)