Dreamweaver网页页面如何制做飘浮在固定不动部位的

2021-03-18 19:23 jianzhan

html网页页面中要想制做1个飘浮在固定不动部位的1个导航栏,该如何制做飘浮导航栏呢?大家可使用Dreamweaver来制做,请看下文详尽详细介绍。

手机软件名字:
Dreamweaver v8.0 简体汉语版(附申请注册机+8.02补钉)
手机软件尺寸:
70MB
升级時间:
2013-05⑵7马上免费下载

1、起动Dreamweaver,并新建1个html手机软件

2、新建好之后能够看到全自动转化成的网页页面编码

3、在head中加上款式编码<style type="text/css"></style>,body中插进1个div

4、以便便捷查询实际效果,能够给diV界定高于显示屏的高宽比。并引进款式a。

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

5、在写1个DIV控制模块,并引进CSS仿真模拟1个方形的鲜红色编码,更新后能够看到写好的控制模块只在顶部,其实不是飘浮在固定不动部位的哦

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

6、这时候候就必须用到position: fixed;编码了。编码以下:

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

宽度和高宽比设定好后就固定不动在1个部位了,z-index是把DIV设定到了最高层,这样便可以啦,拉下去网页页面看看是否固定不动在这个部位不会改变的呢

以上便是Dreamweaver制做飘浮在固定不动部位的1个导航栏的方式,期待大伙儿喜爱,请再次关心脚本制作之家。

有关强烈推荐:

Dreamweaver登录页面如何显示信息?

Dreamweaver如何给网页页面加上時间?

Dreamweaver没法开启提醒javascript不正确如何办?