javascript - 下拉菜单上的 CSS 仅边框

Question

如果将鼠标悬停在“技术”选项卡上，您会看到一个下拉菜单出现，但是，从选项卡的右下角到下拉菜单的右上角应该有一个边框。我怎么能只用 css 做到这一点？还是需要 JavaScript？

dev site here

Answer 1

K 我想我明白了

#menu .ddsmoothmenu li#menu-item-36 li:first-child {
    margin-top: -1px;
    border-top: 1px solid black;
    z-index: 10
}

#menu .ddsmoothmenu li a {
    font-family: 'Open Sans Condensed', sans-serif;
    letter-spacing: 0.02em;
    color: #816363;
    font-size: 1.03em;
    z-index: 30;
}

打开时看起来有点奇怪，您可以通过在幻灯片完成后将 border-top 样式添加到子菜单来解决这个问题。