商城分类导航效果

特点：竖向列表，横向伸缩
box-shadow:0 0 8px #DDD;
-moz-box-shadow:0 0 8px #DDD; //兼容firefox的阴影
-webkit-box-shadow:0 0 8px #DDD; //兼容chorme的阴影
纯CSS实现
在li的a标签后面用小白块挡住菜单的边框
.topemenu li:hover .submenu{
display:block;
}
.topemenu li:hover span{
//background:white;
display: inline-block;
z-index:20;
width;20px;
height:30px;
float:right;
position:relative;
}

计算机

用来计算的一起… …

定义列表中的项目

描述列表中的项目

给IE6兼容：hover伪类的方法：

在页面的样式里加入 behavior:url(css/csshover.htc) 补丁
*{
margin:0;
padding:0;
behavior:url(css/csshover.htc);
}
CSS的 :hover具有局限性，具有很多兼容性问题，需要很多hack；不如JavaScript灵活，和可扩展性

Hack，顾名思义是修改的意思。 这普通的词汇在IT上得到了很广泛的应用：hacker的简称针对Discuz!系统的二次修改