码迷,mamicode.com
首页 > 其他好文 > 详细

直升飞机——position

时间:2016-12-02 03:56:39      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:javascript 导航栏下拉列表

今天依然是做下拉列表,不过今天是在导航栏上做下拉列表,与昨天相比,涉及到了弹出来的子列表会不会影响网页其他单位的问题,因为当设置子单位的display样式为none时,它会消失,而设置display为block时,它又会出现,这样就会导致网页跳来跳去,起不到想要的效果。

如果侥幸完成,网页没有跳动,那也会出现另一种效果:弹出来的子列表无法覆盖网页原本的字体,因为它的样式默认是透明的,这样,字体叠加起来会显得非常难看。

在这个时候,便需要用到position,一般添加的是relative属性,让其浮起来,显示在页面最前方(也就是最上层),这样便不会影响下面的层,当然,position添加在哪个单位里,也十分考验对布局的理解。

最后,此人已疯。

本文出自 “12244243” 博客,请务必保留此出处http://12254243.blog.51cto.com/12244243/1878642

直升飞机——position

标签:javascript 导航栏下拉列表

原文地址:http://12254243.blog.51cto.com/12244243/1878642

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!