Question

我正在尝试制作整个身体的背景。

<html>
<head><head/>
<body>
<div class="wrapper"></div>
</body>
</html>

在这种情况下，我如何获得当前身体的高度和宽度，因为我显示了一个弹出窗口，而不是我要模糊整个背景。

Answer 1

你试过吗

.wrapper {
    height: 100%;
    width: 100%;
    color: black;
    -moz-opacity: .2;
    filter: alpha(opacity=20);
    z-index: 1;
}

或类似的东西？

Answer 2

如果您希望包装器获得完整的窗口高度和宽度，则需要为html和body元素添加一些属性。

尝试这样的事情：

html {
  height: 100%;
}
body {
  min-height: 100%;
}
.wrapper {
  background: rgba(0,0,0,0.50);
  height: 100%;
  width: 100%;
}