0

背景として機能する画像 (青のグラデーション) を配置するコンテナー div (outer_most_container) があります。スクロール中は画像を固定する必要があります。現在の問題は、画像の幅が 1040 ピクセルであり、それに応じて 65em の div の幅に収まるはずですが、そうではないことです。

また、ズームアウトすると画像が消える理由がわかりません。

http://i.imgur.com/patgb.png

HTML

<!DOCTYPE HTML>
<html>
<head>
    <title>UnderWater Theme</title> 
    <link rel="stylesheet" href="underwater.css" />
</head>
<body>
    <div class="outer_most_container">
            <div class="top">
                <div class="banner">    
                </div>
            </div>
    </div>
</body>
</html>

CSS

* {
    margin: 0;
    padding: 0; 
}
html {
    font-size: 100%;
    height: 100%;
}
body {
    font-size: 1em;
    background-color: black;
    height: 100%;       
}
.outer_most_container {
    position: relative; 
    width: 65em;
    height: 43.75em;
    margin: auto;
    background-image: url('Aura.jpg');  
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: red;
}
4

1 に答える 1

0

以下を使用して、ズームアウト中に画像のサイズが変更されないようにすることができました。

background-size: 65em 43.75em;
于 2012-06-20T06:54:49.240 に答える