如何使用CSS将内容背后的子菜单对齐？

Question

如何在此页面上对齐内容后面的子菜单（在悬停时激活）： http://tinyurl.com/pmuj43q

页面标题＆＃34;中心信息＆＃34;当您将鼠标悬停在名为＆＃34;中心信息＆＃34;

的导航菜单项上时，它始终位于子菜单的前面

我通过以下链接实现了css3菜单：http://www.cssscript.com/3d-flipping-dropdown-navigation-with-pure-css3/

Answer 1

为您的标题指定z-index，将其拉到其他内容之上......

header#masthead {
  /* rest of styles */
  position: relative;
  z-index: 1;
}