封面效果CSS

时间:2013-07-04 01:35:29

标签: html css effect

在这个网站上http://rushir.co/我想修改标题(slide.js),就像背景一样,这样当你滚动“我是谁”时,它会覆盖它。我该怎么办?

此外,我已经设法使Twitter和电子邮件链接得到修复但我似乎无法在滚动时获得“我是谁”。 我该怎么办?

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

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

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

to

<nav>

然后在导航闭包上输入你的css文件:position:fixed或你想要的任何东西。例如:

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

左边:0和顶部:0是为了使元素在固定位置时不会在firefox中消失。

当我们在html标记中放入内联css代码时,这就是我们遇到的问题。除非我们直接修改.html文件或使用!important hack(不可重复使用)覆盖它,否则以后在我们的.css文件中无法覆盖在html标记中声明的属性。

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; 
}

我希望它有帮助:)。欢呼声。