不用JS的漂浮层

时间:2008年11月12日 00:10  标签: js漂浮层 css设计 前端技术 转贴摘录

 

CSS部分:

*{
margin:0;
padding:0;
}
* html{
height:100%;
overflow-y:hidden;
}
* html body{
height:100%;
overflow-y:auto;
}
#TargetTOP{
position:fixed;
bottom:10px;
right:10px !important;
right:27px;
border:1px #f00 solid;
}
* html #TargetTOP{
position: absolute;
}

HTML部分:

< a name="Top">< /a>
< div style="border: 1px solid #ff0000; height: 1000px">< /div>
< div id="TargetTOP">< a h ref=" # Top">跳转到页面顶部< /a>< /div>
在FF,ie6,ie7下测试有效,现在发现的缺点是页面中不可以再出现其余带有position属性的元素了.
这些个代码没怎么用,难免有纰漏. 欢迎批评. 代码很简单就不加注释了.
拷贝代码注意下html中空格,实在抱歉,对付编辑器的时间太少.

 

相关文章:
0条评论(Comments) 订阅该Blog下的评论RSS
本文还没有评论,来给楼主说几句吧...
发表评论
正在加载...
搜索更多
文章导读
最新评论
我的豆瓣秀
RSS订阅
抓虾
Rojo
google reader
netvibes
my yahoo
newsgator
bloglines
鲜果
哪吒
有道
QQ邮箱
九点