如下图所示:(我不允许发布图片,因此我已将它们上传到Twitpic上,因为它们对于理解我的问题非常有用)
当我将鼠标悬停在顶栏的某个组件上时,我正在尝试更改顶部边框颜色。问题是所有东西都被移出了酒吧..我只想更改边距的颜色而不移动任何东西..我想得到这个效果(这里的边框是底部的,它只是为了制作你理解我想做的事情:
我已经用这种方式修改了CSS文件:
.top-bar [...]{ background: black; border-top: 10px solid #ffffff; overflow: hidden; }
有什么建议吗?
答案 0 :(得分:3)
默认情况下使边框透明:
.top-bar [...] {border-top: 10px solid transparent}
.top-bar [...]:hover {border-top: 10px solid #ffffff}
答案 1 :(得分:0)
尝试将填充添加到顶部(10px)并在悬停时移除填充并将其替换为border-top:10px。
所以基本上:
.top-bar{
padding-top: 10px;
}
.top-bar:hover{
padding-top: 0px;
border-top: 10px solid #fff;
}
希望这能解决问题,