0

CSS3 很新，我有一个 DIV 没有随着背景图像变大（高度）而改变高度的问题。DIV 应该随着背景图像的扩展而扩展。在这个 DIV 之后会有一个固定高度的页脚。

网页： http ://www.cre.fi/kalustekeskus/

html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

#full-screen-background-image {
    background-image: url(../img/kalustekeskus_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 1024px;
    width: 100%;
    min-height: 90%;
    position: fixed;
    overflow: hidden;
    border: 1px solid red;
}

<!DOCTYPE html>
<html>
<head>
<title>Kalustekeskus</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
    <div id="full-screen-background-image"></div>
</body>
</html>

有什么聪明的方法可以做到这一点吗？

谢谢！

4

1 回答 1

0

在您使用过的网站中 min-weight:600px; 将其更改为最小高度：90%。

您可以以百分比指定最小高度，然后 div 将根据您在图像中执行的操作进行扩展。

于 2013-11-07T09:27:50.783 回答