2016-04-26 68 views
0

頁面的導航器不透明。每當我鏈接到頁面的特定位置時,文本的某些部分將隱藏在導航器中。如下圖所示的畫面: enter image description here鏈接到帶頂邊的頁面的特定部分

我要的是: enter image description here

你可以看到,在第一張圖片中,「背景」是隱藏的導航裏面。

這裏是我的代碼:

<!DOCTYPE html> 
    <html> 
    <head> 
    <style> 
    ul { 
     position: fixed; 
     top: 0; 
     width: 100%; 
     background-color: rgb(255, 255, 255); 
     opacity: 1.0; 
     list-style-type: none; 
     margin: 0; 
     padding: 0; 
     overflow: hidden; 
     -moz-box-shadow: 0px 2px 20px -5px rgba(0, 0, 0,0.5); 
     -webkit-box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, .5); 
     box-shadow: 0px 2px 20px -5px rgba(0, 0, 0, .5); 
     padding: 5px; 
    } 
    li { 
     float: right; 
    } 
    li a { 
     display: block; 
     color: black; 
     text-align: center; 
     padding: 14px 25px; 
     text-decoration: none; 
    } 
    li a:hover { 
     font-family: cursive; 
    } 

    h2 { 
     font-size: 30px; 
     font-family: Futura, Trebuchet MS, Arial, sans-serif; 
    } 

    h3 { 
     font-size: 30px; 
     font-family: Brush Script MT, cursive; 
    } 

    h2, h3 { 
     width: 50%; 
     height: 60px; 
     margin: 0; 
     padding: 0; 
     display: inline; 
    } 
    </style> 
    </head> 

    <body> 
     <header id="header"> 
     <ul> 
      <li><a href="#experience">Experience</a></li> 
      <li><a href="#background">Background</a></li> 
      <li><a href="#home">Home</a></li> 
     </ul> 
     </header> 

     <!-- Home --> 
     <table align="center" border="0" cellpadding="5" cellspacing="5", width="450", style="margin-top:100px"> 
     <tr id="home"> 
     <!--<section id="home"> --> 
     <td> 
      <div id="image"> 
       <img src="" style="margin:auto;width:150px;height:200px;display:block" /> 
      </div> 
     </td> 
     <td> 
      <div id="section"> 
      <h2> sss </h2> 
      <h3>sss</h3> 
       <p>ssssssss</p> 
      </div> 
     </td> 
     <!--</section>--> 
     </tr> 
     <!-- Background --> 
     <tr id="background"> 
     <td colspan="2"> 
     <!--<section id="background">--> 
      <div id="background1"> 
      <h2 style="font-family: Futura, Trebuchet MS, Arial, sans-serif;"> Background </h2> 
      <p>Big Star was an American power pop band formed in Memphis, Tennessee, in 1971 by Alex Chilton, Chris Bell, Jody Stephens, and Andy Hummel. The group broke up in 1974, but reorganized with a new line-up nearly 20 years later. In its first era, the band's musical style drew on the vocal harmonies of The Beatles, as well as the swaggering rhythms of The Rolling Stones and the jangling guitars of The Byrds. To the resulting power pop, Big Star added dark, existential themes, and produced a style that foreshadowed the alternative rock of the 1980s and 1990s. Their first two albums, #1 Record and Radio City, suffered from ineffective marketing but garnered enthusiastic reviews; Rolling Stone called the band a "quintessential American power pop band" that was "one of the most mythic and influential cult acts in all of rock & roll". In 1993, Chilton and Stephens re-formed Big Star with Jon Auer and Ken Stringfellow. After tours in Europe and Japan, they released a new studio album, In Space, in 2005. Big Star was inducted into the Memphis Music Hall of Fame in 2014. (Full article...)Big Star was an American power pop band formed in Memphis, Tennessee, in 1971 by Alex Chilton, Chris Bell, Jody Stephens, and Andy Hummel. The group broke up in 1974, but reorganized with a new line-up nearly 20 years later. In its first era, the band's musical style drew on the vocal harmonies of The Beatles, as well as the swaggering rhythms of The Rolling Stones and the jangling guitars of The Byrds. To the resulting power pop, Big Star added dark, existential themes, and produced a style that foreshadowed the alternative rock of the 1980s and 1990s. Their first two albums, #1 Record and Radio City, suffered from ineffective marketing but garnered enthusiastic reviews; Rolling Stone called the band a "quintessential American power pop band" that was "one of the most mythic and influential cult acts in all of rock & roll". In 1993, Chilton and Stephens re-formed Big Star with Jon Auer and Ken Stringfellow. After tours in Europe and Japan, they released a new studio album, In Space, in 2005. Big Star was inducted into the Memphis Music Hall of Fame in 2014. (Full article...) 
      Big Star was an American power pop band formed in Memphis, Tennessee, in 1971 by Alex Chilton, Chris Bell, Jody Stephens, and Andy Hummel. The group broke up in 1974, but reorganized with a new line-up nearly 20 years later. In its first era, the band's musical style drew on the vocal harmonies of The Beatles, as well as the swaggering rhythms of The Rolling Stones and the jangling guitars of The Byrds. To the resulting power pop, Big Star added dark, existential themes, and produced a style that foreshadowed the alternative rock of the 1980s and 1990s. Their first two albums, #1 Record and Radio City, suffered from ineffective marketing but garnered enthusiastic reviews; Rolling Stone called the band a "quintessential American power pop band" that was "one of the most mythic and influential cult acts in all of rock & roll". In 1993, Chilton and Stephens re-formed Big Star with Jon Auer and Ken Stringfellow. After tours in Europe and Japan, they released a new studio album, In Space, in 2005. Big Star was inducted into the Memphis Music Hall of Fame in 2014. (Full article...) 
      Big Star was an American power pop band formed in Memphis, Tennessee, in 1971 by Alex Chilton, Chris Bell, Jody Stephens, and Andy Hummel. The group broke up in 1974, but reorganized with a new line-up nearly 20 years later. In its first era, the band's musical style drew on the vocal harmonies of The Beatles, as well as the swaggering rhythms of The Rolling Stones and the jangling guitars of The Byrds. To the resulting power pop, Big Star added dark, existential themes, and produced a style that foreshadowed the alternative rock of the 1980s and 1990s. Their first two albums, #1 Record and Radio City, suffered from ineffective marketing but garnered enthusiastic reviews; Rolling Stone called the band a "quintessential American power pop band" that was "one of the most mythic and influential cult acts in all of rock & roll". In 1993, Chilton and Stephens re-formed Big Star with Jon Auer and Ken Stringfellow. After tours in Europe and Japan, they released a new studio album, In Space, in 2005. Big Star was inducted into the Memphis Music Hall of Fame in 2014. (Full article...) 
      </p> 
      <hr>  
      </div> 
     <!--</section>--> 
     </td> 
     </tr> 
     </body> 
    </html> 
+0

你能提供你如何「鏈接到頁面的特定位置」 –

+0

的代碼,我認爲這是'Background ' – ZigZagZebra

+0

它的隱藏導航欄,因爲它的位置固定,你可以使用它通過jQuery – ShibinRagh

回答

1

創建一個新類

.anchor { padding-top: 90px; } 

並添加此類任何你想要的元素來鏈接。例如。

<div id="background1" class="anchor"> 

現在,當你鏈接到這個元素,類會自動抵消你

+0

我不認爲這有效。你能舉個例子嗎? – ZigZagZebra

+0

https://jsfiddle.net/normangr7/bcjnhemy/ –

相關問題