首页 > 代码库 > 直升飞机——position

直升飞机——position

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

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

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

最后,此人已疯。

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

直升飞机——position