Question

我的网站标题没有修复在Firefox的顶部。 https://www.ruralserver.com，它的标题底部不能正常工作。它在Chrome上运行良好。

我已经尝试过这段代码：

.site-header .bottom {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #434d54;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 75px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    position: relative;
    width: 100%;
}

它正在处理所有其他浏览器而不进行任何更改。但不适用于Firefox。所以请帮忙。在Chrome上打开网站链接，而不是在Firefox中显示不同的链接。

Answer 1

您可以使用position：fixed

.top {
  position: fixed;
  top:0px;
  width: 100%;
  margin: 0 auto;
  height: 40px;
  background: #374147;
  padding: 8px 20px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

标头没有在Firefox中修复

1 个答案: