关于 z-index的问题 和 display动画效果

---

• 在做页面布局的时候有时使用z-index来设置堆叠效果的时候会失效，为什么？

z-index 仅能在定位元素上奏效（例如 position:absolute;）

• 以上来自w3school，清楚明白

---

• 想实现下拉框动画效果， 一种方法是把下拉框的容器div的display设为none， 在鼠标悬浮的时候变为block， 但是觉得变换太生硬了，所以想加一个transition-duration, 但是无效，为什么？

  display:none作用为将一块区域从页面中移去，就像它从来不在那里一样。一个块状区域不能只显示一部分，只有全部存在或不存在……..

• 以上译自stackoverflow，

也就是dislay不存在过度过程，这个可以用height来解决， 鼠标未悬浮时高度为0， 悬浮时为指定高度