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

 

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語法搞定，收工!!

文章標籤
全站熱搜
創作者介紹
創作者 英傑銳數位設計 的頭像
英傑銳數位設計

英傑銳網路數位設計

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