javascript - 弹出背景不占据屏幕高度的完整高度

标签 javascript css

我有一个弹出窗口,它的背景不占全高我知道它是由 position:fixed 完成的以占全高,但我想采用它 position:absolute在移动 View 中,并完全覆盖屏幕,但它不采取 height:100%height:auto 只提供 1/2 屏幕背景,不完全 100%

最佳答案

我想你正在追求这样的东西:

.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: tomato;
}
<div class="popup">I cover the whole screen!</div>

关于javascript - 弹出背景不占据屏幕高度的完整高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31724278/

相关文章:

JavaScript .隐藏('.var:after')

php - 使 PHP 变量成为链接

html - Bootstrap 3 的样式与他们自己的文档示例不同

css - 将 css 转换为 less

javascript - React 中的 props 不应该被更改/突变的原因是因为 React 希望元素尽可能可预测吗?

javascript - 我怎样才能在jquery中循环这个函数?

javascript - focusout() 和触发器。 ('focusout' ) 不会导致输入失去焦点

javascript - 我可以使用 JS 使符号可拖动吗?

javascript - 使用 jquery 在 html 中添加双击操作

php - 如何在php mysql gallery中实现fancybox,gallery是上传文件夹的路径