全宽子菜单

时间:2015-04-23 11:51:02

标签: html css

我想要一个全宽的子类别栏,子类别下的子子类别始终可见。好吧,图像说的不仅仅是文字。

在你的下方找到

我想要这样的东西,

I want this

我有: CSS MENU

/* Sub menu */
#cssmenu > ul ul {
  padding: 0;
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  width: 100%;
  background: #ccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#cssmenu > ul li ul li { 
  background: #469e92; 
  display: block; 
}
#cssmenu > ul li ul li > a{ 
  color: #fff;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  padding: 30px;
  text-decoration: none;
}
#cssmenu > ul li ul li:hover { background: #666; }
#cssmenu > ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
/* Sub menu */

JSFiddle

0 个答案:

没有答案