无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

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

时间:2021-04-01 22:58来源:未知 作者:jianzhan 点击:
html网页页面中要想制作一个飘浮在固定不动部位的一个导航栏,该如何制作飘浮导航栏呢?大家可使用Dreamweaver来制作,可以看下面详尽详细介绍。手机软件名字:Dreamweaver v8.0 接下来汉

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

手机软件名字: Dreamweaver v8.0 接下来汉语版(附表册机+8.02补丁下载) 手机软件尺寸: 升级時间: 2013-05-27马上免费下载

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

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

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

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

width: 1920px;
height: 10000px;
background: #BFBFBF;
}

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

width: 100px;
height: 100px;
background: #ff0000;
}

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

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

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

之上便是Dreamweaver制作飘浮在固定不动部位的一个导航栏的方式,期待大伙儿喜爱,请再次关心诺心互联网。

有关强烈推荐:

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

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

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信