html - 封面效果 CSS

Question

在这个网站http://rushir.co/我想让标题（slide.js）固定，就像背景一样，这样当你滚动“我是谁”时会出现覆盖它。我该怎么办？

此外，我以某种方式设法修复了 Twitter 和电子邮件链接，但当它滚动时，我似乎无法让“我是谁”覆盖它。我该怎么办？

如果查看源代码还不够，代码在 GitHub 上https://github.com/rushir/rushir.github.io

在此先感谢您的帮助！

Answer 1

要解决您的问题，您必须从导航元素中删除“style = margin-top: -250px”：

<nav style="margin-top: -250">

to

<nav>

然后将您的 css 文件放入导航关闭：位置：固定或任何您想要的。例子：

 nav {                                                                                    
      position:fixed;
      margin-top:0;// Or what ever value you want                                                                                                                                                                              
      width: 100%;                                                                                         
      text-align: center;                                                                                  
      left:0;                                                                                              
      top:0;                                                                                               
 } 

left: 0 和 top: 0 是为了使元素在固定位置时不会在Firefox中消失。

当我们将内联 css 代码放入 html 标签中时，我们遇到了这种问题。在 html 标记中声明的属性以后不能在我们的 .css 文件中被覆盖，除非我们直接修改 .html 文件或者我们使用 !important hack（这是不推荐的）覆盖它。

e)。

额外：要将链接放在页面的顶部中心，请将块替换为相同的选择器，如下所示，您就完成了：

nav {
    position:fixed;
    width:100%;
    left:0;
    top:0 
}

nav ul {
    display: block;
    line-height: -20;
    vertical-align: center;
    width:inherit; 
    text-align:center;
}
nav ul li {
        list-style: none;
        margin: 30px 30px 50px; 
        margin: 1.875rem 1.875rem 3.125rem;
        font-family: "Lato", Arial, sans-serif;
        font-size: .8125em;
        font-weight: 400;
        text-transform: uppercase;
        display:inline-block; 
}

我希望它有所帮助:)。干杯。