Question

当我遇到一个小问题时，我一直在建立一个站点并构建基本布局。我想创建一个“缺口”导航，但我不知道这样做的第一件事。

我试图创建一个位于我的下方（我可以创建[使用CSS或使用图像]白色三角形的想法）可以与我创建“缺口”的底部对齐影响。我还没有成功，并且希望有人拥有css // html向导状态技能可能会有所帮助。

PS。如果您需要更多信息，请告诉我 - 我对stackoverflow有点新鲜

Answer 1

制作你的NAV LI标签＆amp;其中的A标签一直延伸到内容块的顶部。

当LI是'当前'标签时，请将三角形图形作为其中A标签的背景。

li.current a {
    background:url(triangle.png) no-repeat center bottom;
}

您可能希望三角形为蓝色，与内容块顶部的蓝色条相同。

Answer 2

Cappuccino使用以下css标记链接标记。

<style>
        #navmarker {
        width: 1px;
        height: 0;
        position: relative;
        margin-top: -0.7em;
        margin-left: auto;
        margin-right: auto;
        border-bottom: #FFD48E solid 0.8em;
        border-top: none;
        border-left: transparent solid 0.8em;
        border-right: transparent solid 0.8em;
        }

        div {
            display: block;
        }
    </style>

尝试创建一个div并使用上面为我工作的css。

    <div id="navmarker"></div>

在我的导航中创建指标缺口时遇到css问题

2 个答案: