手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >让网页框架透明 底部对齐的代码
让网页框架透明 底部对齐的代码
摘要:让网页框架透明IE5.5和NN6以上的浏览器支持Frame,Iframe对象的allowTransparency方法,如果某对象的背景颜色设...

让网页框架透明

IE5.5和NN6以上的浏览器支持Frame,Iframe对象的allowTransparency方法,如果某对象的背景颜色设置为Transparency的,它将继承包含它容器的特性。我们可以通过这个特性实现透明背景的开/关。

代码如下:

a.html如下:

<HTML><HEAD><TITLE></TITLE>

<METAhttp-equiv=Content-Typecontent="text/html;charset=gb2312">

</HEAD>

<BODYstyle="BACKGROUND-COLOR:transparent">

<H1>透明文档</H1>

<P>此IFRAME无背景颜色</P>

<P>BODY:<br><BODYSTYLE="background-color:transparent"></P></BODY></HTML>

iframe

<IFRAMEID="frame1"SRC="a.html"allowTransparency="true"HEIGHT=180WIDTH=300></IFRAME>

底部对齐的代码:

<styletype="text/css">

.box1{border:1px#ccccccsolid;width:500px;height:600px;position:relative;}

.box2{border-top:1px#ccccccsolid;background:#f2f6fb;width:498px;height:22px;position:absolute;bottom:0;}

</style>

<divclass="box1">

<divclass="box2"></div>

</div>

【让网页框架透明 底部对齐的代码】相关文章:

css解决覆盖父元素透明度的效果

让多个div在同一行显示的样式及html代码

CSS网页布局的意义与副作用

Iframe高度自适应代码

CSS 网页背景渐变实现代码

CSS3实现的炫酷菜单代码分享

连续循环向上滚动代码

让网站变成黑白的css代码

页面背景图片的拉伸实现代码

CSS实例:让页脚保持在未满屏页面的底部

精品推荐
分类导航