Question

我在我的网站中使用this navigation样式，主要在Safari browser上运行。在此，每anchor tag个li（总共5 li）。每个anchor在href中都有不同的值。但是当我将鼠标光标移动到第一个（或第二个，第三个，第四个）anchor时，它会显示最后href anchor的{{1}}。因此，当我点击任意tag anchor时，它会继续tag anchor's。

这是我的demo

Answer 1

我通过改变css来解决我的问题在这个css类

.csstransforms .cn-wrapper li a {
    display: block;
    font-size: 1.18em;
    height: 14.5em;
    width: 14.5em;
    position: absolute;
    bottom: -7.25em;
    right: -7.25em;
    border-radius: 50%;
    text-decoration: none;
    color: #fff;
    padding-top: 1.8em;
    text-align: center;
    -webkit-transform: skew(-50deg) rotate(-70deg) scale(1);
    -ms-transform: skew(-50deg) rotate(-70deg) scale(1);
    -moz-transform: skew(-50deg) rotate(-70deg) scale(1);
    transform: skew(-50deg) rotate(-70deg) scale(1);
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, color 0.3s;
    -moz-transition: opacity 0.3s, color 0.3s;
    transition: opacity 0.3s, color 0.3s;
}

我从上面的课程中删除position:fixed（建议here），所以现在anchor tags正常工作：）

希望它会帮助别人

圆形导航风格

1 个答案: