兼容ie8的代码:让图片浮动在网页底部

.footer{ background:url(../images/footer_bg.gif) repeat-x; height:28px; text-align:right;  color:#fff; font:bold 12px/28px Tahoma, Geneva, sans-serif; bottom:0px; position:fixed; width:100%; }
* html .footer /* IE6 底部固定  */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
 

以上代码写入样式表;


下面的代码放在<body></body>里


<div class="footer">
    捷迅  2011    </div>
</body>
 

兼容测试:支持ie6、ie7、ie8、firefox、google 浏览器、遨游浏览器

代码优点:纯样式表写的,不用js调用

    相关文章

评论

发表新评论

此内容将保密,不会被其他人看见。
点击刷新验证码
  • 可用的 UBB 标签:
  • 留言最长字数:1000。