欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Dreamweaver頁(yè)面怎么制作懸浮在固定位置的導(dǎo)航?

百度經(jīng)驗(yàn)   發(fā)布時(shí)間：2019-01-25 15:55:08   作者：yangxin_25   我要評(píng)論
Dreamweaver頁(yè)面怎么制作懸浮在固定位置的導(dǎo)航？Dreamweaver中想要制作一個(gè)懸浮效果的導(dǎo)航，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下

html頁(yè)面中想要制作一個(gè)懸浮在固定位置的一個(gè)導(dǎo)航，該怎么制作懸浮導(dǎo)航呢？我們可以使用Dreamweaver來(lái)制作，請(qǐng)看下文詳細(xì)介紹。

1、啟動(dòng)Dreamweaver，并新建一個(gè)html軟件

2、新建好以后可以看到自動(dòng)生成的網(wǎng)頁(yè)代碼

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

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

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

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

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

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

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

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

以上就是Dreamweaver制作懸浮在固定位置的一個(gè)導(dǎo)航的方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

Dreamweaver登陸界面怎么顯示?

Dreamweaver怎么給頁(yè)面添加時(shí)間?

Dreamweaver無(wú)法打開(kāi)提示javascript錯(cuò)誤怎么辦?

相關(guān)文章

  • Dreamweaver怎么設(shè)計(jì)歌曲下載鏈接頁(yè)面?

    Dreamweaver怎么設(shè)計(jì)歌曲下載鏈接頁(yè)面？經(jīng)常下載歌曲，想要制作一個(gè)歌曲下載頁(yè)面，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2019-01-23

  • Dreamweaver網(wǎng)頁(yè)怎么插入Figure?

    Dreamweaver網(wǎng)頁(yè)怎么插入Figure？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要插入Figure，該怎么插入呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2019-01-15

  • Dreamweaver怎么制作百度搜索欄靜態(tài)頁(yè)面?

    Dreamweaver怎么制作百度搜索欄靜態(tài)頁(yè)面？Dreamweaver中想要設(shè)計(jì)百度的搜索頁(yè)面，該怎么設(shè)計(jì)呢？今天我們就來(lái)看看使用dw代碼設(shè)計(jì)百度搜索欄靜態(tài)頁(yè)面的教程，需要的朋友可以
    2018-06-03

  • Dreamweaver cs6怎么設(shè)計(jì)一款簡(jiǎn)單的網(wǎng)頁(yè)?

    Dreamweaver cs6怎么設(shè)計(jì)一款簡(jiǎn)單的網(wǎng)頁(yè)？Dreamweaver中想要設(shè)計(jì)一款簡(jiǎn)單的網(wǎng)頁(yè)，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-02-27

  • Dreamweaver網(wǎng)頁(yè)怎么輸入文本內(nèi)容?

    Dreamweaver網(wǎng)頁(yè)怎么輸入文本內(nèi)容？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要輸入文本，該怎么輸入文本呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-02-10

  • Dreamweaver怎么制作動(dòng)態(tài)導(dǎo)航? dw網(wǎng)頁(yè)添加動(dòng)態(tài)導(dǎo)航的教程

    Dreamweaver怎么制作動(dòng)態(tài)導(dǎo)航？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要制作動(dòng)態(tài)導(dǎo)航，該怎么制作呢？下面我們就來(lái)看看dw網(wǎng)頁(yè)添加動(dòng)態(tài)導(dǎo)航的教程，需要的朋友可以參考下
    2018-02-10

  • Dreamweaver網(wǎng)頁(yè)怎么添加文本字段?

    Dreamweaver網(wǎng)頁(yè)怎么添加文本字段？Dreamweaver設(shè)計(jì)帶有用戶名密碼的登陸頁(yè)面的時(shí)候，需要添加文本字段，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-26

  • Dreamweaver怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)內(nèi)包含多個(gè)頁(yè)面的效果?

    Dreamweaver怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)內(nèi)包含多個(gè)頁(yè)面的效果？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面的時(shí)候，想要一個(gè)網(wǎng)頁(yè)包含多個(gè)頁(yè)面，該怎么實(shí)現(xiàn)呢？我們可以使用框架實(shí)現(xiàn)，下面我們就來(lái)看看詳
    2018-01-26

  • Dreamweaver網(wǎng)頁(yè)中怎么插入命名錨記鏈接?

    Dreamweaver網(wǎng)頁(yè)中怎么插入命名錨記鏈接？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要插入命名錨記鏈接，該怎么使用命名錨記呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-16

  • Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景色?

    Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景色？Dreamweaver設(shè)計(jì)的網(wǎng)格，想要一小段文本中的文字添加背景色，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下
    2018-01-08

最新評(píng)論