国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > 軟件應用 > 正文

Dreamweaver頁面怎么制作懸浮在固定位置的導航?

2024-09-04 21:29:51
字體:
來源:轉載
供稿:網友
html頁面中想要制作一個懸浮在固定位置的一個導航,該怎么制作懸浮導航呢?我們可以使用Dreamweaver來制作,請看下文詳細介紹。

Dreamweaver,懸浮,導航

1、啟動Dreamweaver,并新建一個html軟件

Dreamweaver,懸浮,導航

2、新建好以后可以看到自動生成的網頁代碼

Dreamweaver,懸浮,導航

3、在head中添加樣式代碼<style type="text/css"></style>,body中插入一個div

Dreamweaver,懸浮,導航

4、為了方便查看效果,可以給diV定義高于屏幕的高度。并引入樣式a。

.a{width: 1920px;height: 10000px;background: #BFBFBF;}

Dreamweaver,懸浮,導航

5、在寫一個DIV模塊,并引入CSS模擬一個方形的紅色代碼,刷新后可以看到寫好的模塊只在頂部,并不是懸浮在固定位置的哦

.b{width: 100px;height: 100px;background: #ff0000;}

Dreamweaver,懸浮,導航

6、這時候就需要用到position: fixed;代碼了。代碼如下:

position: fixed;left: 100px;top: 100px;z-index: 100;

寬度和高度設置好后就固定在一個位置了,z-index是把DIV設置到了最頂層,這樣就可以啦,往下拉頁面看看是不是固定在這個位置不變的呢

Dreamweaver,懸浮,導航

以上就是Dreamweaver制作懸浮在固定位置的一個導航的方法,希望大家喜歡,請繼續關注VeVb武林網。


注:相關教程知識閱讀請移步到Dreamweaver教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 晋州市| 和顺县| 富裕县| 阳城县| 左云县| 平顺县| 尖扎县| 南乐县| 靖江市| 安庆市| 长治县| 南宁市| 双城市| 永昌县| 浏阳市| 西乌| 长汀县| 二手房| 漯河市| 定远县| 凌源市| 诸暨市| 汽车| 历史| 南川市| 渑池县| 丹东市| 峨边| 汉中市| 原平市| 库车县| 琼海市| 珲春市| 兴海县| 响水县| 黄梅县| 钦州市| 荔浦县| 邵阳市| 鄂州市| 旌德县|