1

パスで見られるレイアウトを複製しようとしました: https://path.com/i/M2lzb

レイアウト css でわかるように:

html, body { margin: 0; padding: 0; }
html { min-height: 100%;position: relative; }
body { }

bodyどういうわけか、高さを固定せずに、100% min-height のような動作を実現することができましたhtml。私はそれを複製しようとしましたが、設定した場合にのみ機能します。設定html { height: 100% }すると、レイアウトのスクロールが必要なときに背景が壊れます(高さが小さいと切り捨てられます)。

javascript を無効にしましたが、まだパス Web サイトで動作するため、100% css のように見えます。

この動作を再現しようとしましたが、うまくいきませんでした (すべてのパスの css をコピーして貼り付けました!)。

http://jsfiddle.net/J9fgc/2/

彼らはどのようにこの効果を達成しますか?

4

2 に答える 2

0

body に 100% の高さを指定すると、うまくいきます。

body {height:100%;}

そのような単純な。

しかし、あなたが実際に何を話しているのか、半透明の白い背景なのか、ビーチの背景画像なのかわかりません。とにかく、これが望まない場合は、コメントで返信してください。

http://jsfiddle.net/DeepakKamat/J9fgc/3/

于 2012-11-15T11:24:51.093 に答える
0

これは、リンクしたサイトでトリックを行います：

.background {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
于 2012-11-15T11:13:01.673 に答える