【问题标题】:single li top border on hover without rest of the list悬停时单 li 顶部边框没有列表的其余部分
【发布时间】:2013-12-26 23:43:33
【问题描述】:

这里是实时链接 http://soloveich.com/pr1-1/

尝试在菜单中悬停时放置边框(以及中间的箭头)。 但是使用这段代码,它会在整个菜单上放置一个边框,并在其上放置一个单独的 li。

#menu ul li {
margin-top: -50px;
padding-top: 50px;
float: right;
margin-right: 30px;
display: inline-block;
}
#menu li:hover {
border-top-style: solid;
border-top-color: red;
border-top-width: 3px;
}

a:hover 可以解决问题,但我想不出将边框放在顶部的方法,而且我预计将箭头插入符号放在那里也会出现问题

谢谢

【问题讨论】:

    标签: css menu hover


    【解决方案1】:

    试试:

    .menu-menu-1-container li:hover {
    border-top-style: solid;
    border-top-color: red;
    border-top-width: 3px;
    }
    

    或者:

    #menu li li:hover {
    border-top-style: solid;
    border-top-color: red;
    border-top-width: 3px;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-12-02
      • 2015-03-24
      • 1970-01-01
      • 1970-01-01
      • 2021-02-18
      • 2015-07-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多