Html 一个锚定标签在Firefox上不起作用,但在Google上效果很好,我不知道为什么

Html 一个锚定标签在Firefox上不起作用,但在Google上效果很好,我不知道为什么,html,css,button,cross-browser,Html,Css,Button,Cross Browser,我最近为当地的兽医建立了一个网站,一切都很顺利,除了这个锚定标签,由于某种原因,它在Firefox上不起作用,但在Chrome上很好。我似乎找不到原因 链接到网站 没有错误消息。如果你打开该按钮的z-index,它似乎在Firefox中工作。你应该验证你的html,可能是一个未关闭的标签,在我验证html的地方,不是它。修复了一些小错误,但仍然不起作用。然后你需要在问题中创建一个新的-谢谢你,皮特。你真的很有帮助。讽刺不会给你带来任何帮助,如果你不想遵守网站的规则,那么就不要期待任何帮助。在您的

我最近为当地的兽医建立了一个网站,一切都很顺利,除了这个锚定标签,由于某种原因,它在Firefox上不起作用,但在Chrome上很好。我似乎找不到原因

链接到网站


没有错误消息。

如果你打开该按钮的
z-index
,它似乎在Firefox中工作。

你应该验证你的html,可能是一个未关闭的标签,在我验证html的地方,不是它。修复了一些小错误,但仍然不起作用。然后你需要在问题中创建一个新的-谢谢你,皮特。你真的很有帮助。讽刺不会给你带来任何帮助,如果你不想遵守网站的规则,那么就不要期待任何帮助。在您的问题中创建一个示例有两个主要原因-1)这是未来用户的信息库,因此,如果您费心阅读解决问题后会看到的链接,那么这个问题对未来的访问者将毫无用处;2) 重新创建错误的行为可以帮助您指出错误
<section id="home">
  <div class="home">
    <div class="home__content">
      <img src="assets/img/logo/logo.png" class="home__content--logo img-fluid" alt="logo">
      <div class="title__underline"></div>
      <p class="home__content--text">Samostalna veterinarska praksa u Bihaću</p>

      <a href="#about" class="customBtn smooth-scroll">Više O nama</a>

    </div>
.customBtn {
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: $color-white;
    background: $color-secondary;
    display: inline-block;
    padding: .5rem 1rem;
    border: 2px solid $color-secondary;
    border-radius: 3px;
    transition: all .3s ease-in-out;
    cursor: pointer;

    @media only screen and (max-width:$bp-small-3) {
        font-size: 1.7rem;   
    }

    &:hover {
        text-decoration: none;
        background: $color-primary;
        border: 2px solid $color-primary;
        color: $color-white;
        cursor: pointer;
    }

    &__footer {
        font-size: 1.4rem;
        background: white;
        color: $color-primary;
        border: 2px solid $color-primary;
        @media only screen and (max-width:$bp-small-3) {
            padding: .2rem .5rem; 
        }

        &:hover {
            background: $color-secondary;
            color: white;
            border: 2px solid $color-secondary;
        }
    }

    &__home {
        animation-name: moveInBottom;
        animation-duration: 1s;
        animation-timing-function: ease-out;

    }
    &__work {
        background: $color-secondary;
        color: $color-white;
        height: 4rem;

        &:hover {
            background: $color-primary-dark;
            color: $color-white !important;
            border: 2px solid $color-primary-dark; 
        }
    }
  }