Question

我有一个容器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;
}

Answer 1

我可以使用以下方法阻止图像在缩小时调整大小：

background-size: 65em 43.75em;

图像不适合Div

1 个答案: