2

ページ上であなたをたどるいくつかのリンクを含む小さなメニューである固定要素があります。

私は Squarespace を使用しており、リンクを使用して新しいウィジェットを作成しています。CSS に次のコードを記述します。

#moduleContent18520661 { 
    position:fixed  !important;
    margin: auto;
    top:700px;
    left:400px;
    cursor:hand;
    background:#efefef;
    border:1px solid #ffcc00;
    width:480px;
    z-index:100;
}

コンピューターで調整する場合にのみ完璧に機能します。ラップトップを見ると、下が遠すぎます。

画面のサイズに関係なく、要素を常に画面の下部に固定するにはどうすればよいですか?

4

1 に答える 1

5

を使用している場合position: fixedは、画面の下部または他の側に明示的に配置できます。

#moduleContent18520661 {
    position: fixed;
    bottom: 0; /* the bottom edge of the element will
                  sit against the bottom edge of the window */
    /* other stuff */
}

宣言を削除しtop、要素の下端がウィンドウの下端から維持する距離に置き換えます。

また、これは純粋に IE 6 (私の記憶が正しければ) 独自の CSS プロパティ値であるため、 である必要がありcursorます。cursor: pointer; cursor: pointer;cursor: hand;

于 2012-08-05T14:15:06.140 に答える