我的元素没有填充页面的整个空间

2024-07-03

因此,使用下面的 CSS 代码,我想让我的页面完全充满我计算机上的图像。相反,结果是这样的:

#background {
    background-image: url("anFtp");
    position: fixed;
    height:100%;
    width:100%;
    z-index: -1;
    float: left;
}

正如您可能看到的,页面的顶部和左侧有空白区域。现在我已经尝试了多种方法,这就是我的代码现在的样子。原始代码如下:

#background {
    background-image: url("anFtp");
    position: fixed;
    width: 1600px;
    height: 900px;
    z-index: -1;
}

这有多种结果,我已经尝试过(改变1600px and 900px to 100%)但大多数人告诉我其他人写的东西是不正确的,而不是代码的实际错误或作者的知识。

编辑/添加以下答案

添加以下答案建议的内容有助于解决问题,但现在看起来像这样:


尝试这个。有效吗

body {margin: 0;}

编辑:对于更新的问题

#background {
    background: url(images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我的元素没有填充页面的整个空间 的相关文章

  • 导出/下载表 HTML-PHP 到 Excel 文件

    我有一个 HTML PHP 表格 可以从 mySQL 中提取数据 请看这里link https anakpanti com ab cargo controllers searchshipment 例如 请搜索此发货代码以获取表格内的结果 4
  • 使用 sed 提取 HTML 标签数据

    我希望提取已知 HTML 标签之间的数据 例如 Hello i I i am i very i glad to meet you 应该变成 I very 所以我找到了一些几乎可以做到这一点的东西 不幸的是 它只提取最后一个条目 sed n
  • 粘性页眉和页脚可滚动内容

    我正在尝试创建一个包含三个 div 的页面 页眉 页脚和内容区域 这些应该占据 100 的屏幕 页眉和页脚很小并且不会改变 内容区域可以是任意大小 所以我添加了overflow auto当它变得太大时使其滚动 问题是 它溢出了屏幕的高度 我
  • 如何在 Javascript 中的警报/确认框中显示图像?

    如何在警告框或确认框显示图像 我一直在尝试使用下面的代码 但在警报框中获取图像网址 请任何人帮助我解决问题 或者如果不可能 请给出任何其他建议 var image document getElementById myImage src ha
  • 是否必须定义

    使用按钮标签时 是否必须定义 type 属性 或者仅具有语义
  • 即使列不占据整个宽度,表格也会占据整个宽度

    我有一个像这样的 HTML 表格 table border collapse collapse table thead th nth child 1 width 180px table thead th nth child 2 width
  • 如何在 SASS 中定义动态 mixin 或函数名称?

    我想在 SASS 中动态创建 mixin 以列表中的每个项目命名 但它似乎不起作用 我尝试了这个 但出现错误 event icons fair concert art show conference dance show film part
  • jquery中的ontouchstart和ontouchend?

    我目前正在对要更改触摸类的每个元素使用以下内容 ontouchstart this addClass select ontouchend this removeClass select 我想知道是否有这样的事情 element touchs
  • jquery 解决方案从静态 html 页面发布到另一个站点

    需要将数据从静态 html 页面发布到托管在另一个域上的另一个页面 通常 我会使用 post 方法创建一个包含表单的 iframe 其操作定向到该网页 最后提交该表单 复杂之处在于我要从静态 html 页面收集数据并在 iframe 内创建
  • php curl 获取 html 和 js 渲染

    php curl 只获取html页面的源代码 不执行js脚本 我需要我的网站获取已执行所有 JavaScript 的源代码 我使用ajax 但无法在页面中添加更多js 因为当我加载另一个页面时脚本会保留 我找到了 SpiderMonkey
  • Angular2 2.4.3 和响应式网页设计:使用媒体查询似乎不起作用

    当将 Angular2 2 4 3 与 CSS3 媒体查询功能结合使用时 直接嵌入到 Angular2 组件中 参见下面的示例 or 使用 styles css 在 index html 中集中引用 这两种情况下的 html 组件都没有根据
  • html5 datalist 仅选择预定义选项

    我正在使用 HTML5datalist允许通过自动完成和过滤功能从大列表中进行选择 但我只想允许从预定义的选项中进行选择 查看小提琴演示http jsfiddle net tharas rrkdu8pk http jsfiddle net
  • 是否可以从 JavaScript 注入的内联样式中减去一个数字?

    我在 HTML 中添加了内联样式 例如style left 10px 我可以添加 减去该数字吗 我想创建一个可以删除的规则8px从该数字开始 无论该数字是多少 我尝试使用丑陋的 importanthack 来覆盖它 但是当初始值改变时这没有
  • 如何在引导程序使用jquery中单击另一个链接时更改活动类?

    我有一个 html 作为侧边栏 并使用Bootstrap ul class nav nav list li class active a href Link 1 a li li a href link2 Link 2 a li li a h
  • BeautifulSoup 3.1 解析器太容易崩溃

    我在使用 BeautifulSoup 解析一些不可靠的 HTML 时遇到了麻烦 事实证明 新版本中使用的 HTMLParser 的容忍度低于以前使用的 SGMLParser BeautifulSoup 有某种调试模式吗 我正在尝试找出如何阻
  • 两个选择框重叠

    我有两个选择框HTML 一个在另一个之下 第一个选择框正常 第二个选择框默认打开 意味着无需单击即可显示选项 现在当我点击第一个select box它的内容移动到另一个的后面select box HTML
  • 如何根据内容使 iframe 100% 高度

    我看到很多人问如何使 iframe 100 高度 使用一些 CSS 可以轻松归档 它将使 iframe 相对于设备屏幕 100 显示 但是如何让iframe根据其内容100 高度呢 这是我当前根据设备屏幕制作 100 iframe 的代码
  • 错误:“访问受限 URI 被拒绝”

    访问受限 URI 被拒绝 代码 1012 中断此错误 xhttp send null function getXML xml file if window XMLHttpRequest var xhttp new XMLHttpReques
  • 不固定高度的滚动div

    我需要构建一个动态调整大小的滚动 div div 应动态调整大小以适应屏幕 但如果内容不适合屏幕 它应该显示一个滚动条 因此浏览器自己的滚动条永远不需要激活 我可以通过在 div 中放置另一个 div 并使用来让滚动条出现在 div 中ov
  • WEBP图像回退

    我在互联网上搜索了很多 找不到可以完整教授的正确示例或完整教程 所以请大家给我推荐一些好的例子 我已经在很多网站上尝试过 WEBP 代码 例如与现代化工具一起使用 检查浏览器支持或使用背景图像 有一篇关于 Stucox 的文章 您可以在其中

随机推荐

  • SqlCommand.Parameters.AddWithValue 到底做什么?

    有什么变化SqlCommand Parameters AddWithValue 与查询有关吗 我期望 它取代了每一个 字符由 如果参数值是字符串或必须转换为字符串的内容 则它将将该值括起来 例如select from A where B h
  • UWP 页面过渡动画

    我在 Windows 10 UWP 中编程 我在 Xaml 中有一个框架 当用户从页面导航到另一个页面时 我希望页面 内容向左滑动并滑出屏幕 知道如何制作框架导航动画吗 尝试使用内置动画 protected virtual void Set
  • 数据表中的 sAjaxSource 返回错误

    我不断收到此错误警报 DataTables 警告 表 id msnc table 从第 0 行的数据源请求未知参数 1 这是我的代码片段 HTML table class dataTable thead tr th Doc th th Da
  • Seam 文件上传到 postgres bytea 列“列是 bytea,但表达式的类型是 bigint”

    密切关注这个例子 http seamframework org Documentation HowToUploadAndDownloadFilesInSeam 我正在上传一个小文件并尝试存储到 postgresql bytea 列中 这是错
  • 如何在 SQL SERVER 中格式化日期时间

    我正在尝试移植MySQL功能DATE FORMAT date y m d h i s p 与 MsSQL 等效 使用CONVERT 如何在 SQL SERVER 2012 中格式化等效的日期时间字符串以提供此输出 2014 05 24 01
  • 使用 getcontext/setcontext 向上/向下切换堆栈

    我试图了解 getcontext setcontext 在特定场景中是否可以正常工作 我可以看到如何使用 setcontext 将堆栈展开回历史中的某个位置 include
  • Chrome 中的 UMA 指的是什么?

    当我浏览 chromium 代码时 我看到了诸如 UMA opt in users 之类的相关词 谁能帮助我理解 UMA 或 安全浏览 UMA 用户指标分析 是报告的用户指标 可帮助改进 Chrome Chromium 例如延迟指标 HTM
  • 使用 Bootstrap 列折叠空白

    首先 这是我正在谈论的问题的屏幕截图 我正在努力让空白消失 例如 我希望第四条评论 评论评论评论 位于第一条评论下方 并且它们之间没有很大的间隙 而不是跳过该列并位于第二列中 基本上 我想要这些 Bootstrap 井的 3 列 它们不关心
  • 为什么 SSMS 会更改我的存储过程(重新格式化、将 exec 更改为 EXECUTE 等)

    SSMS 突然重新格式化我的存储过程 它以前从未这样做过 这是我正在谈论的一个例子 这是我上周创建的存储过程的开头 CREATE PROCEDURE dbo usp LoanDataNames LoanID varchar max null
  • 如何更改整个 datagridview 列的单元格值?

    我希望 datagridview 列检查全部 或不检查 下面的代码可以工作 但是有没有更简单 更快的方法来做到这一点 用于设置列中所有单元格的值 if searchResultsGrid Columns checkboxColumn Hea
  • pyQt5从字典创建按钮连接到具有附加值的函数

    我在连接按钮时遇到问题 我尝试了不同的方式 但我没有达到 有时我的 GUI 不会显示 而是存储在缓冲区中 有时我有预期的输出 Qt ConnectionType 而不是 方法 或者参数 1 具有意外类型 NoneType 该脚本用于从网络下
  • Spring批处理DB到JSON文件[重复]

    这个问题在这里已经有答案了 这个问题可能看起来是重复的this https stackoverflow com questions 52860863 how to write the output from db to a json fil
  • sed 正则表达式非贪婪替换?

    我知道另一个问题 https stackoverflow com questions 1103149 non greedy regex matching in sed这非常相似 但由于某种原因我仍然遇到问题 我有一个 GC 日志 我正在尝试
  • 片段已添加 IllegalStateException,仅包含一份片段副本

    我知道有关此异常的问题有几个 但是 我在使用FragmentStatePagerAdapter 我在设置适配器和寻呼机时指出了我在下面遇到崩溃的线路 设置我的Fragments android support v4 app Fragment
  • 运行服务器中存储的php脚本?

    我有一个 php 脚本存储在 Wamp 服务器中 并希望我的应用程序执行它以从服务器执行一些图像处理 然后服务器将结果发送到 Android 手机 这可以执行吗 如果可以的话你能给一些提示吗 非常感谢 简单地执行HTTP get请求 Str
  • UIManager字体设置

    font new Font San Serif Font PLAIN 24 val keys UIManager getDefaults keys while keys hasMoreElements val key keys nextEl
  • 更改 Linux 中的默认 shell [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 如何更改默认 shell 这env命令当前显示 SHELL bin tcsh 我想将其更改为 Bash 尝试linux命令chsh 详细命令是chsh
  • Rails 3.1 和 Coffeescript 出现“找不到变量”错误

    我的应用程序中有引用我的 application js 文件的视图 该文件包含我在整个应用程序中使用的函数 在使用了 3 1 的边缘版本后 我刚刚安装了 Rails 3 1 候选版本 在安装 RC 之前 我没有遇到任何问题 但现在我收到此错
  • 用于开发文本编辑器的 VC (win32) 或 WPF

    我对在 Win32 或 WPF NET 中开发此应用程序感到困惑 该应用程序主要由一个文本编辑器 类似于 MS OneNote 中的编辑器 组成 与通用文本编辑器相比 它具有许多自定义要求 我正在考虑使用 VC 来解决这个问题 因为需要大量
  • 我的元素没有填充页面的整个空间

    因此 使用下面的 CSS 代码 我想让我的页面完全充满我计算机上的图像 相反 结果是这样的 background background image url anFtp position fixed height 100 width 100