通过ul li标签实现二级菜单后添加a标签出现的问题
菜单实现后,弹出、悬浮变色什么的都没有问题
如图:
演示地址:http://1.jonathanzhang.sinaapp.com/
仅仅给ul的每个li的内容添加a标签后,就是下面的样子的
演示地址:http://2.jonathanzhang.sinaapp.com/
ul菜单代码
css代码:
.nav_ul,.nav_ul li{
height: 30px;
display: inline-block;
}
.nav_ul li{
line-height: 30px;
padding-left: 15px;
padding-right: 15px;
font-size: 20px;
font-weight: bolder;
font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei','museo_slab' 'tohoma,sans-serif';
color: white;
position: relative; /*子菜单出现位置基准*/
}
.nav_ul li:hover{
background:#000000;
}
.nav_ul_sub{
display: none;
position: absolute;
top: 29px;
left: 0;
background: #2F3237;
}
.nav_ul_sub li{
height: 30px;
width: 100%;
display: block;
background:#000000;
border-top: 1px solid #2F3237;
}
.nav_ul_sub a{
display: block;
text-decoration: none;
font-size: 20px;
font-weight: bolder;
font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei','museo_slab' 'tohoma,sans-serif';
color: white;
}
.nav_ul_sub a:hover{
text-decoration: none;
}
.nav_ul_sub a:active{
text-decoration: none;
}
.nav_ul_sub a:visited{
text-decoration: none;
}
.nav_ul_sub li:hover{
background:#2F3237;
}
更具体代码在上面两个地址都有
请问产生这种情况的原因是什么?如何修改?
(chrome环境)
相关阅读:
Java类中为什么不能直接调用Object的clone()方法
Linux下的/sbin/v86d指令是干嘛的?为何cpu占用率这么高?
javaEE 网站项目和 Solr 的关系
iOS手机音频口通信
swift 中 Set 怎么通过index拿到 value?
Vim下Gofmt等插件的运行问题
samba的配置问题
java中DynamicAttributes的invoke方法中的localname和uri变量怎么用?
python识别验证码
mac phpize 问题
请问想开发桌面版的小游戏需要学习哪个技术呢?
请教一个FontAwesome 4.0的问题
MySQL中文全文搜索用迅搜还是Sphinx?
ops/sec是什么意思?
java打包多个文件成zip的问题
哪里有vuejs的手风琴效果?
css的百分比margin,padding为什么不是相对于父元素的?
请教一下大家关于 runtime 的概念问题
【python】循环嵌套
stackview能用在ios9以下的版本中吗