0

このサイトhttp://rushir.co/で、タイトル (slide.js) を背景と同じように固定して、スクロールすると「Who I Am」が表示されるようにしたいと思います。私は何をしますか？

また、どうにかして Twitter と電子メールのリンクを修正することができましたが、スクロールしたときに「私は誰か」をカバーすることができないようです。私は何をしますか？

ソースを表示するだけでは不十分な場合、コードは GitHub にあります https://github.com/rushir/rushir.github.io

よろしくお願いします。

4

1 に答える 1

0

問題を解決するには、nav 要素から「style = margin-top: -250px」を削除する必要があります。

<nav style="margin-top: -250">

to

<nav>

次に、nav クロージャーに css ファイルを配置します: position: fixed または任意のもの。例：

 nav {                                                                                    
      position:fixed;
      margin-top:0;// Or what ever value you want                                                                                                                                                                              
      width: 100%;                                                                                         
      text-align: center;                                                                                  
      left:0;                                                                                              
      top:0;                                                                                               
 }

左: 0 および上: 0 は、要素が固定位置にあるときに要素が firefox で消えないようにするためのものです。

これは、HTML タグにインライン CSS コードを挿入したときに発生した種類の問題です。html タグで宣言されたプロパティは、.html ファイルを直接変更するか、!important ハック (推奨されません) を使用して上書きしない限り、後で .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; 
}

お役に立てば幸いです:)。乾杯。

于 2013-07-04T03:37:34.007 に答える