Question

CSS3相当新，我有一个问题，DIV没有改变高度，因为背景图像变得更大（高度）。当背景图像扩展时，DIV应该扩展。在这个DIV之后，将有一个固定高度的页脚。

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>

有没有聪明的方法呢？

谢谢！

Answer 1

在网站上你使用了最小重量：600px;将其更改为最小高度：90％。

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

如何用背景图像调整DIV的大小？

1 个答案: