导航工具提示错误的地方

时间:2013-02-26 19:59:25

标签: html css wordpress navigation tooltip

我为此导航创建了工具提示箭头。它们出现在悬停状态,但它们也出现在下拉的底部。我想知道是什么代码让他们在那里!

这是我用来实现它们的代码。

Link to dev site

.cftopnavrightlower ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFC700;
margin-left: -10px;
}

1 个答案:

答案 0 :(得分:0)

您需要针对箭头定位的UL具有更高的特异性。在给出当前选择器的情况下,ul.flyout将使用箭头进行样式设置。

这可能会更好:

#menu-header-nav > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFC700;
margin-left: -10px;
}