无法弄清楚悬停菜单插入符号

Question

尝试在顶部边框上设置三角形插入符号。这是一个wordpress菜单。 其中一个问题是它根本没有出现。这是一个主要的:) 另一个，是我想不出将它附加到顶部边界的方式。 这里有实时链接 http://soloveich.com/pr1-1/

<li>
<div class="care"></div>
        <?php wp_nav_menu( array( 'theme_location' => 'main-menu'  ) ); ?>

</li>

css

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

.care {
background-image: url(images/caret.png);
width: 16px;
height: 8px;
margin: 0 auto;
visibility: hidden;
}

#menu li li:hover > .care {
background-image: url(images/caret.png);
width: 16px;
height: 8px;
margin: 0 auto;
visibility: visible;
}

谢谢

Answer 1

你从来没有对你的整个HTML使用css规则.care。所以在你想看的地方使用它。

.care {
    background-image: url("images/caret.png");
    height: 8px;
    margin: 0 auto;
    visibility: hidden;
    width: 16px;
    background-repeat: no-repeat;
   }

然后你就可以看到你的caret.png图像了。 希望答案！ 如果你想在li中使用它，那么就像添加它一样