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