程序员经验分享-hwhale

覆盖 div 添加边距

2023-12-04

我有一个#cover div与以下CSS

#cover {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.4;
    position: fixed;
    width: 100%;
    z-index: 9000;
}

我希望它像这样覆盖整个（查看的）页面

enter image description here

但是当我向下滚动时我看到这个

enter image description here

那是因为一个margin8 添加到顶部和左侧。

我尝试添加margin:-8 -8 8 8;没有成功。为什么？？？我该如何解决这个问题？

演示小提琴。


你忘记设置位置了。只需添加：

top: 0;
left: 0;

由于您还没有发布完整的标记，我只能假设您的身体有边距或填充导致您看到的变化。

  • 小提琴演示问题
  • 摆弄应用修复
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

compilerconstruction

margin

覆盖 div 添加边距 的相关文章

  • 更改 Angular 对话框的背景颜色

    我正在尝试更改对话框背景 无需触摸style css file 正如其他一些答案所说 有很多方法可以设置对话框样式 1 此解决方案适用于宽度和高度 但透明背景被 忽略 this dialog open DialogComponent dis

  • 使用 HTML 和 CSS 创建横向和纵向布局

    我有一个要求 我需要编写一个 HTML CSS 它应该显示横向和纵向 具体取决于 iPad 的方向 最初我想使用 HTML 和 CSS 编写这个 然后将其用于 iPad发展 我的问题是实现这一目标的最佳方法是什么 拥有两个不同的 html

  • 如何使用 Angular 创建 n 个可打印页面？

    嗯 我搜索了一下 没有找到类似的东西 我想知道如何使用 Angular 创建可打印内容 跳转到页面末尾并打印更多内容 如何强制内容始终适合特定尺寸 例如 PDF 我需要 Angular 来执行此操作吗 如果不是 HTML 我可以迭代 PDF

  • 如何在 Angular 应用程序中动态更改 CSS 类名称？

    我有两个 CSS 类名 如下所示 icon heart color bdbdbd icon heart red color a6b7d4 我的 HTML 包含一个心形图标 div class icon heart div

  • iPhone 4 上不稳定的 CSS3 动画

    我有一个非常简单的 或者至少我认为是 动画 我所做的只是 webkit background size 的动画 bubble position relative width 397px height 326px background url

  • 如何在绝对定位的 div 内用 CSS 创建粘性页脚？

    我想创建一个粘性页脚inside绝对定位的 div 元素 我的方法是将页脚 div 也绝对定位 在另一个相对定位的 页面 div 内 其中包含页面的实际内容 div class content div class page Some Lor

  • 使用最后一个子选择器减少 CSS

    我在用less并试图得到last输入有一个边距底部 of 10px 这是我所拥有的 但它不起作用 并且没有在最后一个输入上应用 margin bottom 有什么想法吗 input margin bottom 0px last child

  • 在 R 中修改传单弹出窗口

    我想修改 R 中传单弹出窗口的外观 帮助文件指出 in the popupOptions 函数需要 传递给底层 Javascript 对象构造函数的额外选项 In 这个例子 https rstudio github io leaflet p

  • 将 Bootstrap CSS 中的列表居中[重复]

    这个问题在这里已经有答案了 重复报告后编辑 抱歉 我认为建议的重复项实际上可能是重复项 我先尝试了一下 但它对我不起作用 因此出现了一个新问题 再次查看新的建议答案后 我意识到我的问题可能与我正在使用的工具 codepen io 的开箱即用

  • 如何在 Shiny 中动态渲染的 textInput 添加样式元素

    你好堆栈溢出 在我最近提出的问题中 我已经解决了一些与动态渲染 UI 元素相关的主要问题 并在一些了不起的人的帮助下动态创建了观察者 参见此处 动态渲染的 UI 如何在第二次运行时删除旧的反应变量 https stackoverflow c

  • Bootstrap

    我正在尝试使用 Bootstrap 构建一个网站 到目前为止 一切都按计划进行 我想要一个固定的导航栏 并且我正在使用内置函数 div class navbar navbar fixed top 这很棒 正是我所需要的 但我希望导航和标题从

  • 重新加载页面时删除哈希值？

    我使用哈希来切换我的图像滑块 当我重新加载页面并且哈希值设置为 e h 3 没有图片 当图库在几秒钟后自动滑动时 它显示下一个 所以几秒钟内什么也没有 有没有办法在加载页面时检查哈希并将其删除 我只想关心那些用散列为页面添加书签的人 问候

  • Webkit 是否有 CSS3 网格布局的有效实现？

    CSS 网格布局 编辑草案 2011 年 11 月 21 日 http dev w3 org csswg css3 grid align 我正在制作一个原型 该原型将在选定的设备和浏览器上向客户展示 目前我并不担心跨浏览器兼容性 IE10开

  • 如何使用CSS缩放图像以填充div并保持纵横比？

    我想用一个 div 填充img 保持纵横比并根据需要拉伸宽度或高度以适应 div style width 80px height 80px img src div 我怎样才能实现它 如果图像不是二次方的 则必须将其 放大 并根据哪一侧较大而

  • Firefox 忽略 CSS 中的最小高度

    由于某些原因 最小高度在 Firefox 上不起作用 我尝试在 body 上设置 min height 但 Firefox 完全忽略了它 由于我的页面是动态的 我不能只将高度设置为 100 我应该怎么办 body border 1px so

  • Chrome 版 Firebug Lite 会破坏悬停效果和鼠标悬停事件

    我有一个奇怪的问题 使用时适用于 Chrome 的 Firebug Lite https chrome google com webstore detail firebug lite for google c bmagokdooijbeeh

  • 全高全宽 CSS 布局

    我正在寻找一种方法来创建具有 5 个区域的纯 CSS 无 JavaScript 布局 如下所示 H A B C F

  • 如何从 CSS 选择器中提取类名？

    故事 我目前正在构建一个 ESLint 规则 以警告在 CSS 选择器定位器中使用引导布局导向和角度技术类 目前我在字符串方法中使用简单的子字符串 for var i 0 i lt prohibitedClasses length i if

  • 使用flex-basis控制行上显示的项目数

    我想在使用 Flex 时将元素推出以隐藏它们 例如 如果flex basis为 50 仅显示两个项目弯曲到给定空间 而其他元素则在overflow hidden 领土 Or if flex basis为 25 则仅显示 4 个 Flex 元

  • 为什么我的 Web 组件 CSS 不显示？我没有使用shadowDOM

    我有一个没有使用 ShadowDOM 的 Native V1 组件 所以我将 CSS 放在 但是当其他人使用我的组件时 我的 CSS 就不再起作用了 仅当其组件确实使用 ShadowDOM 时才会发生这种情况 我的组件的示例代码 class

随机推荐

  • Three.js：纹理全黑

    我有一个简单的盒子几何形状 我试图用纹理来装饰它 然而 我的盒子根本不显示 或者可能是 100 黑色 当前的这个问题是从这个问题 我已经更新了代码以反映给出的答案gaitat关于原来的问题 我写过另一个简单的测试站点来演示这个新问题 这是该

  • 将“Kendo.Mvc.UI.DataSourceRequest”类型的对象从 jquery 传递到 Mvc Action

    客观的 我想传递一个类型的对象Kendo Mvc UI DataSourceRequest到 Mvc 操作 以便我可以根据应用的排序和过滤从数据库获取结果 问题 障碍 当对象到达操作时 它会变为 null 我的控制器操作 public Ac

  • 如何上传多个文件到BlobStore？

    我正在尝试将表单中的多个文件上传到 BlobStore Form

  • 为 IE 包含 es6-promise 的优雅方式

    Since Promise is 不支持在所有 IE 版本中 我想让 IE 用户下载 HTML 格式的 pollyfill 然而 不支持条件注释在 IE 10 和 11 中 所以上面的代码在 IE 10 和 11 中不起作用 然后 微软提供

  • 如果颁发新的刷新令牌，旧的刷新令牌仍然有效吗？

    我的应用程序使用 Google 刷新令牌 从 Google 获取 access token 我在这里有两个问题 我知道 Google 刷新令牌 6 个月内不会过期 请参阅此处的文档 说我有一个刷新令牌refresh token old1 月

  • 使用后台线程不断从串行端口读取数据

    由于串行端口通信是异步的 我在涉及与 RS 232 设备通信的项目的早期就发现 我必须有一个后台线程不断读取端口接收的数据 现在 我使用 IronPython NET 4 0 因此我可以访问 NET 中内置的灵活 SerialPort 类

  • 在我的例子中，Mockito 验证函数被调用一次

    我在用Mockito编写我的测试用例 我有一个简单的类 其中包含一个函数countPerson boolean 我有兴趣测试 public class School School is a singleton class public vo

  • 使用 Inno Setup 在安装过程中删除和取消注册 DLL 文件

    In my Files 第 I 节有以下内容 Database password decryption for PTS importing Source PTSTools PTSTools bin x86 Release PTSTools

  • 嵌套查询执行的次数

    这个嵌套子查询会执行多少次 SELECT CID CNAME FROM CUSTOMER WHERE EXISTS SELECT CID FROM RENTALS WHERE CUSTOMER CID RENTALS CID AND PIC

  • 当我输入空格时，批处理 cmd 退出

    我正在为用户界面编写一个批处理脚本 您可以在其中输入数字 1 10 它非常像这个示例 echo OFF ask cls echo press 1 for test1 echo press 2 for test2 set p input if

  • 如何将 Storyboard ViewController 添加到 SwiftUI 项目中？

    我正在开发我的 SwiftUI 项目 每个视图现在都在 SwiftUI 中 但是由于 SwiftUI 的一些限制 我必须将 Storyboard 的 ViewController 添加到我的 SwiftUI 项目中 我正在尝试这个方法 st

  • 停止 html5 音频

    我如何编写一个函数来停止 DOM 中播放 html5 音频的所有实例 html5 音频

  • 从闭源第三方 Win32 应用程序中的窗口捕获数据

    我计划创建一个 C Windows 窗体应用程序作为第三方 Win32 应用程序的扩展 但我现在对如何执行此操作感到困惑 我最了解的是它涉及 Win32 Hooking 并且有一个名为 EasyHook 的开源项目应该允许我做到这一点 我想

  • WKWebView没有在navigationResponse中提供所有cookie

    我正在尝试用 WkWebView 替换我正在工作的 UIWebView 项目 我看过很多帖子 但我没有得到任何好的解决方案来从 WKWebView 获取所有 cookie 我也尝试过这个evaluateJavaScript document

  • Cypress 之前从 json-fixture 加载数据

    我试图通过 Cypress 中的固定装置从 json 文件中检索一些数据 但数据根本无法识别 before gt cy fixture example then function data console log this data use

  • TFS 2010 命令行 - TFSConfig 设置/安装

    背景 这是 Team Foundation Server 命令行实用程序中一个鲜为人知的命令 本质上 它允许您通过传入配置文件在计算机上安装团队构建服务 以及控制器和代理 语法是 tfsconfig setup install unatte

  • Chrome 应用程序无需创建窗口即可导航 html

    我正在创建一个 Chrome 打包应用程序 我需要在不创建大量窗口的情况下导航我的 html 例如 如果用户单击一个按钮 它会在用户所在的同一窗口中打开 html 有可能吗 如果没有的话 有没有办法让windows模式化 那么用户不能在不关

  • 如何让Python脚本作为服务运行？

    我想在 CENTOS 服务器中运行 python 脚本 usr bin env python import socket try import thread except ImportError import thread as threa

  • 文件名截断为仅显示第一个字符

    我正在跟进本指南来自 MSDN 关于如何列出目录中的文件 我正在使用当前目录 就我而言 我需要将信息放入数据包的消息部分 大小为 1016 的字符数组 中 以将其发送到客户端 当我在客户端和服务器上打印 packet message 时 仅

  • 覆盖 div 添加边距

    我有一个 cover div与以下CSS cover background color FFFFFF height 100 opacity 0 4 position fixed width 100 z index 9000 我希望它像这样覆

热门标签