2016-04-26 11 views
0

Der Navigator der Seite ist nicht transparent. Jedes Mal, wenn ich auf eine bestimmte Position der Seite verlinke, werden einige Teile des Textes im Navigator ausgeblendet. Dargestellt als Abbildung unten: enter image description hereLink zu einem bestimmten Teil der Seite mit oberem Rand

Was ich will, ist: enter image description here

Sie, dass in dem ersten Bild sehen kann, der „Hintergrund“ ist im Innern des Navigators versteckt.

Hier ist mein Code:

<!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

Könnten Sie den Sicherheitscode zur Verfügung stellen, wie Sie eine Verknüpfung zu einer bestimmten Position auf der Seite " –

+0

Ich denke, es ist' Background ' – ZigZagZebra

+0

seine versteckten Navigationsleiste, weil ihre Position fest ist, können Sie es von jQuery verwenden – ShibinRagh

Antwort

1

Erstellen Sie eine neue Klasse

.anchor { padding-top: 90px; } 

Und fügen diese Klasse je nachdem, welcher Element Sie wollen zu verknüpfen. Z.B.

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

Nun, wenn Sie auf dieses Element verknüpfen, wird die Klasse automatisch Offset für Sie

+0

Ich glaube nicht, dass das funktioniert. Könnten Sie bitte ein Beispiel geben? – ZigZagZebra

+0

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

Verwandte Themen