封面效果CSS

Question

在這個網站上http://rushir.co/我想作固定標題（slide.js），喜歡的背景是，這樣當您滾動「我是誰」來了來覆蓋它。我該怎麼辦？

另外，我總算使固定在Twitter和電子郵件的鏈接，但我似乎無法得到，當它滾動「我是誰」來掩蓋它。 我該怎麼辦？

如果查看源文件是不夠的代碼是在GitHub這裏提前對您有所幫助https://github.com/rushir/rushir.github.io

謝謝！

Answer 1

解決你的問題，你一定要刪除「風格=的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;                        
} 

左：0和top：0是爲了使firefox中的元素在固定位置時不會消失。

這是當我們把內聯CSS代碼，在我們的HTML標籤，我們跑了這類問題。除非我們直接修改.html文件，或者我們用！！重要的黑客（不可推薦）覆蓋它，否則在html標記中聲明的屬性不能在我們的.css文件中被覆蓋。

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

我希望它幫助:)。乾杯。