Make the Web page frame transparent
Browsers above IE5.5 and NN6 support the Allowtransparency method of the Frame,iframe object, and if the background color of an object is set to transparency, it inherits the attributes containing its container. We can use this feature to achieve transparent background on/off.
The code is as follows:
A.html is as follows:
<HTML><HEAD><TITLE></TITLE>
<meta http-equiv=content-type content= "text/html; charset=gb2312 ">
</HEAD>
<body style= "Background-color:transparent" >
<H1> Transparent Documents </H1>
<P> This iframe has no background color </P>
<p>body:<br><body style= "Background-color:transparent" ></P></BODY></HTML>
Iframe
<iframe id= "frame1" src= "a.html" allowtransparency= "true" height=180 width=300> </IFRAME>
Bottom-aligned code:
<style type= "Text/css" >
. box1 {border:1px #cccccc solid; width:500px; Height:600px;position:relative;}
. box2 {border-top:1px #cccccc solid; background: #f2f6fb; width:498px; height:22px; position:absolute; bottom:0;}
</style>
<div class= "Box1" >
<div class= "Box2" ></div>
</div>
