程序员经验分享-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 添加边距 的相关文章

  • TransitionEnd 事件未触发？

    我有多个元素 每个元素都以 某种程度上 持续时间进行动画处理 我使用 CSS3 过渡 jQuery 库和transitionend辅助函数来自大卫 沃尔什 https davidwalsh name css animation callba

  • 如何使用 ng-repeat 更改 AngularJS 中特定 的背景颜色

    如何为每一行设置不同的背景颜色 举个例子 第 1 行 蓝色 第2行 红色 第三行 绿色 main js scope names fName John lName David fName Richard lName Daniel fName

  • 添加自定义 CSS 到 Jekyll

    我是 Jekyll 新手 我正在按顺序使用自定义 html 和 css 制作一个网站 Jekyll 默认下载 minima 主题 所以我用以下 html 覆盖了主页 all my html

  • 为什么 inline-block 会根据子元素的宽度自动调整宽度？

    如果这个问题已经在 stackoverflow 上提出过 请纠正我 如果确实如此 我深表歉意 但我已经寻找了一段时间并且只找到了hows not whys 我的问题是 父 div 似乎会自动占据页面的整个宽度 除非 display inli

  • jQuery：如何将 jQuery 日期选择器放入 Bootstrap Popover 中？ [关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 我试图在引导弹出窗口中显示 jquery datepicker 并尝试了解决方案引导程序弹出窗口内的日期选择器 关闭 https

  • Firefox 背景图像在切换标签后消失

    我在渲染背景图像时遇到一些非常奇怪的问题 我不确定这是 Firefox 的错误还是我的错 每次我在 Firefox 中打开项目站点时 所有背景图像都会正确加载并显示 当我切换到另一个选项卡并在一段时间后切换回来后 所有背景图像都消失了 我检

  • 避免滚轮被嵌入的 youtube / flash 视频劫持

    我正在对主页中嵌入 YouTube 视频的网站进行一些改进 我自己没有添加此代码 但它看起来像

  • 如何减少 jQuery 函数中使用的子级数量？

    我觉得我必须使用太多 children 在我的一些 jQuery 函数中 这是我的 HTML div class goal small container div class goal content div class goal row

  • Chrome 扩展：插入固定 div 作为 UI

    我想使用 chrome 扩展将 div 插入固定位置 它将覆盖您当前正在查看的页面 我担心的是 我希望它可以在任何页面上工作而不改变它 除了插入我的固定 div 之外 但我不知道我这样做的方式是否可行 目前 该按钮不会显示 并且我在让 di

  • 没有嵌套容器的桌面和移动 Flexbox 布局

    我有 3 个 div 它们必须按移动布局的特定顺序排列 但我必须将第 2 个 div 作为桌面布局的侧边栏 所以对于移动设备 分区1 分区2 分区3 对于桌面 分区1 div2 分区3 在桌面布局中 div 2 有阴影背景 因此必须是父级的

  • iFrame 未扩展至 100% 高度

    我有这个下面的html 我希望 iFrame 能够 100 覆盖屏幕的其余部分 我在高度属性中尝试了 100 和 但不起作用 这是为什么 谢谢 div img height 35 width 84 alt Kucku src Content

  • 在打印 CSS 上在每个页面周围绘制边框？

    打印时我需要在每个页面周围绘制边框 我最初是使用带有分页符的 div 来完成此操作 例如 media print contentContainer position inline height 98 width 100 top 0px le

  • 夜间值班。单击带有文本的元素

    我遇到问题 无法单击具有某些独特文本的网页元素 我有这样的结构 div class wg wagon type title Text div 我试试这个 click wg wagon type title contains Text 但我有

  • 显示带有背景颜色的百分比条

    例如 如果我有一个包含两列和 2 行的表 Col1 Percentage 50 50 70 70 如何用代表 COl1 值的颜色填充百分比列 像这样的东西 您可以使用具有两个紧接着的停止点的线性渐变 percentageFill heigh

  • 单击输入字段会触发窗口调整大小

    我有一个带有徽标 菜单和搜索的标题 当我在桌面上时 我会按该顺序显示所有元素 但如果我的窗口宽度小于 980 像素 菜单会隐藏 有一个切换按钮 并且徽标会与nav并附在徽标之后 如果宽度更大 则徽标将再次分离并附加到 DOM 中的旧位置 w

  • CSS 选择器用于选择最后两个子项，而不知道列表中有多少项

    我有一个无序列表 它有时包含 4 5 6 或 7 个项目 我想知道是否有一个 CSS 选择器来选择最后两项 我意识到 last child会给我最后一件物品 是否有 倒数第二个孩子 选择器 或者 孩子数量 2 选择器 HTML ul li

  • 如何在 div 容器内的元素之间留出空间

    我有一个弹性容器 它将由元素动态填充 容器没有固定宽度 I use max width max content 并且可以包含我想要的任意数量的元素 问题是我需要这些元素之间的间距 但不需要元素和容器之间左侧和右侧的间距 当然我可以用 ele

  • 如何检查元素的内容是否为空，如果是，则在 jquery 中删除该元素

    我目前正在尝试选择某个 div 内没有内容的任何 h2 元素并将其删除 这是我的 html 代码 div class skipToContainer h2 class vidSkipTo Hello h2 h2 class vidSkipT

  • Google 再营销标签 - iframe 高度问题

    我注意到 Google 的再营销代码会在我的页面底部插入一个 iframe 问题是 iframe 弄乱了我的布局 它的高度为 13 像素 并且在底部留下了空白的白色垂直空间 我尝试用 css 隐藏它 但它在 IE9 中仍然可见 iframe

  • 如何设置旋转元素背面的样式？

    我有一个figure它是可旋转的 通过用户输入任意角度 该旋转明显地使用transition财产 当该元件旋转超过 90 度 90 度时 元件的背面可见 我想对元素的通常隐藏的一面进行与正面不同的设计 但我不确定如何实现这一点 figure

随机推荐

  • 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 我希望它像这样覆

热门标签