快活林资源网 Design By www.csstdc.com
html页面中想要制作一个悬浮在固定位置的一个导航,该怎么制作悬浮导航呢?我们可以使用Dreamweaver来制作,请看下文详细介绍。
- 软件名称:
- Dreamweaver v8.0 简体中文版(附注册机+8.02补丁)
- 软件大小:
- 70MB
- 更新时间:
- 2013-05-27立即下载
1、启动Dreamweaver,并新建一个html软件
2、新建好以后可以看到自动生成的网页代码
3、在head中添加样式代码<style type="text/css"></style>,body中插入一个div
4、为了方便查看效果,可以给diV定义高于屏幕的高度。并引入样式a。
.a{ width: 1920px; height: 10000px; background: #BFBFBF; }
5、在写一个DIV模块,并引入CSS模拟一个方形的红色代码,刷新后可以看到写好的模块只在顶部,并不是悬浮在固定位置的哦
.b{ 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错误怎么办?
快活林资源网 Design By www.csstdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
快活林资源网 Design By www.csstdc.com
暂无评论...
更新日志
2024年05月13日
2024年05月13日
- 大张伟《大张伟歌曲合集》[320K/MP3][89MB]
- 郭金发.2002-台湾红歌100年·台语精选辑CD13【乡城】【WAV+CUE】
- 殷正洋.1994-等一个人【巨石】【WAV+CUE】
- 王馨平.2014-Truly【秘密花园】【WAV+CUE】
- 邓涛-精选十五首HIFI最爱天碟《试音邓涛》[WAV分轨]
- 绚香《ayakasHistory2006-2009》24bit-96kHz【Hi-Res】【flac】
- 群星-重力加速度·蓝白经华连串曲蓝与白-1991-WAV+CUE
- 孙楠《孙楠歌曲合集》[320K/MP3][252.2MB]
- 刀郎《刀郎歌曲合集》[320K/MP3][362.6MB]
- 杨培安《杨培安歌曲合集》[320K/MP3][257.1MB]
- [In-AkustikINAK7803]VA-ThePinnacleOfCheskyVoiceChesky非凡女声2017[SACD-ISO]
- 王之炅薛颖佳-中国小提琴名曲(2.8MHzDSD)DSF
- 群星-将爱情进行到底电视剧原声音乐中唱-1999-WAV+CUE
- [ABC唱片]徐刚-独步外滩WalkingOntheBundPerryShi(SACD).iso
- [ABC唱片]-《西电之声—类比之声》[HD-162b][德国版HD]WAV+CUE