1

私の最後の質問はすぐに答えられたので..私は私の髪をすべて取り除いている新しいものを投稿することにしました.XD

これが問題です..

私は、透明なpngと単純なアンカーを持つ絶対位置のdivを持つデザインを持っています...このように。

<div class="buyfloat">
      <img src="img/buy.png" />
</div>

だから..絶対位置に配置されたこのdiv.buyfloatが必要です..動きません..ジャンプもフェードもありません..ページの一番下から200pxに必要です...フッターの上部..ページの高さが増減すると..上部セレクターを使用できません。

ええと..「底を使ってください！」あなたは言うかもしれません..はい、私は試しました..しかし、何らかの理由で..下部のセレクターは、全体ではなくウィンドウの高さ(表示部分)を使用します..そして..ページを下にスクロールすると..画像はページの真ん中にあります。

.buyfloat{
    width:333px;
    height:135px;
    position:absolute;
    left:10px;
    bottom:200px; /**   not working         **/
    margin:5px auto 0 auto;
    z-index:99;
}

CSSで体の高さを教えてくれるjavascriptを探しています（いつか見たと思います）..しかし、別の簡単な解決策があれば..私はすべて耳です！

前もって感謝します。

4

2 に答える 2

3

「位置: 絶対」は、実際には「静的」以外の位置の値を持つ要素の最初の祖先に相対的であることに注意してください ( http://www.w3.org/TR/CSS2/visudet のポイント 4 を参照)。 html#containing-block-details )。したがって、この状況が発生し、「下部」が html/body ではなく他の要素から測定されている可能性があります。

于 2009-06-02T16:22:16.920 に答える
2

まず、JS が CSS で機能する唯一の方法は、IE のみである「式」を使用することです。次に、これには、ユーザーが JS をオンにする必要があります。

pos:abs は、通常のレイアウトから要素を削除し、最も近い絶対または相対親に対して配置します。厳密または移行的な xhtml を使用している場合は、本体も相対的にするだけで、bottom が完全に機能します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <style>
        body {height: 9000px;position:relative;}
        #a {position:absolute; bottom:0px;}
        </style>
    </head>
    <body>
    <div id="a">bottomDweller</div>
    </body>
</html>
于 2009-06-02T16:34:11.473 に答える