2016-04-26 78 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/ –

相关问题