-1

我在 CSS 中导航的活动状态遇到问题。我希望有一个与容器对齐的箭头,指向活动链接,但除非我将文本与背景图像一起向上移动,否则它不会对齐。箭头需要从文本偏移。对于任何反馈,我们都表示感谢!谢谢!

#mainNav ul li.current a,
#mainNav ul li.current-cat a,
#mainNav ul li.current_page_item a,
#mainNav ul li.current-menu-item a,
#mainNav ul li.current-post-ancestor a,
#mainNav ul li.current_page_parent a,
#mainNav ul li.current-category-parent a,
#mainNav ul li.current-category-ancestor a,
#mainNav ul li.current-portfolio-ancestor a,
#mainNav ul li.current-projects-ancestor a
{
  background: url(http://www.jamiestarcevich.com/wp-content/uploads/2012/12/triangle.png);
  background-repeat: no-repeat;
  background-position:center top;
}
4

1 回答 1

0

您可以使用像素或百分比,而不是一般center,top来将箭头准确定位在您想要的位置

如果您需要箭头空间,请使用padding-left(或者padding-right如果 RTL)

旁注:查看您的代码,您可能需要考虑使用 CSS 扩展,例如LESS,它支持嵌套规则,因此您不必一次又一次地重复元素

于 2012-12-30T20:14:26.577 回答