链接到具有上边距的页面的特定部分

时间:2016-04-26 03:53:59

标签: html css

页面的导航器不透明。每当我链接到页面的特定位置时,文本的某些部分将隐藏在导航器中。如下图所示: 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>

1 个答案:

答案 0 :(得分:1)

创建一个新类

.anchor { padding-top: 90px; }

将此类添加到要链接到的任何元素。例如。

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

现在,当您链接到此元素时,该类将自动为您偏移