CSS - 动态菜单图像

Question

我正在筹划一个网站，并想知道在CSS中创建以下项目的最佳方式是什么：

我希望在菜单栏中的项目下方显示一个三角形，但三角形的水平位置将根据用户当前所在的页面而改变（它将突出显示当前查看的菜单项）

有没有办法只使用CSS进行动态定位？

Answer 1

您需要做的就是下载Bootstrap，并为您的导航栏创建一个＆gt; div元素，您可能已经拥有了该元素。然后，您需要将所有导航栏页面中的每个列表项标识为＆gt; active，因此它会获得与您想要的类似的高亮显示。

要添加三角形，您需要一个特殊的CSS类或下载的主题。