html css 控制div或者table等固定在指定位置_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:15:36
Original
1081 people have browsed it

.bottomTable{
 background-color: rgb(249,249,249);
    z-index:99999999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */
    /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */
    _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */
     overflow:visible;
 }

1、z-index:设置层处于最顶层。

2、position:fixed;设置定位。

3、_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);通过css绑定js控制层距顶端的高度,

此处是控制层处于底部,具体数值根据需求作相应的调整。

4、document.body.scrollTop:body,body标签滚动条滚动的距离,可更换为你其它标签对象(存在滚动条)。

5、document.body.clientHeight,body标签的高度,可更换为你其它标签对象。

6、-6,距具体情况作相应改动。

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template