html+向ul追加li内容,html,javascript_通过ul li标签实现二级菜单后添加a标签出现的问题,html,javascript - phpStudy...

通过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以下的版本中吗

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值