當前位置:編程學習大全網 - 腳本源碼 - HTML5怎麽把導航固定在底部?是只滑動內容,導航固定不動的。

HTML5怎麽把導航固定在底部?是只滑動內容,導航固定不動的。

HTML5怎麽把導航固定在底部的步驟如下:

css的定位樣式屬性來實現;會用到css中的position:fixed;屬性,結合來實現。

<style>.foot-menu{width:100%;height:60px;background:#000;position:fixed;bottom:0;/**距離底部為0*/left:0;z-index:1;}</style><div?class="foot-menu">

<!---導航具體內容-->

</div>

css3網頁底部固定導航是壹款純css3實現的網頁底部固定導航菜單。特性介紹:

1、邊框特性

CSS3對網頁中的邊框進行了壹些改進,主要包括支持圓角邊框、多層邊框、邊框色彩與圖片等。在CSS3中最常用的壹個改進就是圓角邊框,通過CSS3的屬性可以快速實現圓角定義,同時還可以根據實際情況針對特定角進行圓角定義 。

2、多背景圖

CSS3允許使用多個屬性(比如background-image、background-repeat、background-size、background-position、background-origin和background-clip等)在壹個元素上添加多層背景圖片。

  • 上一篇:科技之光的節目簡介
  • 下一篇:蔡依林新歌MV《StarsAlign》太上頭了,妳還聽過她的哪些歌曲?
  • copyright 2024編程學習大全網