仿舊Facebook div+css簡單實現固定底部漂浮導航列
參考以下示意圖 :

1.jpg 

CODE CSS :

 

.body { background-image:url(text.txt); /* for IE6 */ background-attachment:fixed; }

#bottomNav { background-color:#096; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */

_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; }

 

 

CODE HTML :

<div id="bottomNav">仿Facebook div+css簡單實現固定底部漂浮導航列</div>

 

 

純CSS語法搞定，收工!!

arrow
arrow
    全站熱搜

    英傑銳數位設計 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄