CSS3制作右下角固定圆圈,也可以延伸到固定导航哦

HTML5+CSS3 1772 0 2013-11-28

CSS3制作右下角固定圆圈,也可以延伸到固定导航哦
CSS CODE:
#RightCircle{
clear:both; z-index:1000; overflow:hidden; bottom:5px; right:5px;
/* 火狐、Google浏览器只需要后面这一句代码即可 */
position:fixed !important;
/* 以下代码是针对IE6的 */
_position:absolute;
_top: expression( eval( document.documentElement.scrollTop + document.documentElement.clientHeight - this.offsetHeight - (parseInt(this.currentStyle.marginTop,10)||0) - (parseInt(this.currentStyle.marginBottom,10)||0) ) - (parseInt(this.currentStyle.bottom,10)||0) );
}
#RightCircle b{ display:block; background:#F60; border-radius:15px; width:30px; height:30px; text-align:center; cursor:pointer; font-size:26px; font-family:Arial; color:#FFF}

HTML CODE:
<div style="background:#FCC; width:100px; height:1000px"></div>
<div id="RightCircle"><b>+</b></div>

效果图:

上一篇:CSS3圆角横向导航和垂直导航菜单

下一篇:鼠标悬停图片、文字css3效果

讨论数量:0

请先登录再发表讨论。 2024-11-24

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链