个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我现在有一个奇怪的问题。我写了一个非常简单的网站，看起来像:
显示正常。但是当我尝试刷新它时，不经常刷新，可能一次刷新 10 次，背景照片的显示出现错误，如下所示:
我是前端设计的新手，我不知道发生了什么。有人能帮我吗？这是我的 html 和 css 代码，这个错误只出现在 chrome 上，在 firefox 上效果很好。
HTML代码:
<!doctype html>
<html>
<head>
<meta charset = "utf8">
<meta http-equiv="Pragma" content="no-cache">
<link rel=stylesheet type=text/css href="{{ url_for('static', filename='login.css') }}">
<title> Login page :) </title>
</head>
<body>
<div id="div_title">
<span id="title"> Welcome to wentong's website! </span>
</br>
<a href="{{ url_for('homepage') }}" id="guestlink">Entrance for guests here :)</a>
</div>
{% for message in get_flashed_messages() %}
<div class=flash>{{ message }}</div>
{% endfor %}
<form action="{{ url_for('login') }}" method=post>
<div id = "div_login">
<span class="label">Username:</span>
<input class="input" type=text name=username>
<br/>
<span class="label">Password: </span>
<input class="input" type=password name=password>
<br/>
<input id="submit" type=submit value=Login style="display:none">
</div>
</form>
</body>
</html>
和背景 CSS:
html {
background: url(images/aurora.jpg) no-repeat center center fixed;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
最佳答案
您可以尝试使用这样的 css 规则放置背景图片，例如单独的 img 标签:
.full-screen-background-image {
z-index: -999;
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
并将它放在布局标记的最底部
<!doctype html>
<html>
<head>
...
</head>
<body>
...
<img class="full-screen-background-image" src="you-image.jpg" />
</body>
</html>
关于html - 加载背景图片的bug，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45851813/
26
4
0
作为内部研究项目的一部分，我们正在尝试从 Bugzilla 数据库中收集一些指标；我们已经找到了一个工具来帮助我们从中收集一些指标 ( BugzillaMetrics ) 但我们现在问自己应该收集哪些
我想向 Mantis Bug 跟踪器添加一个名为“On Hold”的自定义状态。根据我在网上找到的一些博客，我在 config_local.php 中添加了以下几行: $g_status_enum_s
我安装了Mantis BT，并在成功安装后重定向到登录页面。它说默认用户是“管理员”，但没有提供有关其密码的提示。 Documentation也未指定默认密码。有什么线索吗？ 最佳答案 Aah ..明
我遇到了一些复杂的C++模板代码的编译错误，将其简化如下: struct MyOptions { static const size_t maxArray = 2; static co
我试图编译一些使用 Boost (1.49) 的代码，使用 trunk 中的 Clang(& libc++)。有问题的代码归结为以下内容: #include #include int main()
我在这里设置了一个 CSS 菜单: http://pans.saebermedia.com/ 问题是，我注意到 IE 无法正确显示菜单，现在我又开始使用装有 IE8 的计算机来修复它。我正在使用兼容模
我检查了 GCC buglist和 Clang buglist并且还没有看到任何相关内容。 This Wandbox link显示一些 C++11/C++14 代码为各种类型的 x 执行 declty
所以我有这个简洁的小 javascript 函数，我用它以很酷的命令提示符样式将文本打印到浏览器窗口。它接受一个字符串并以设定的时间间隔一次将一个字符打印到窗口。这是:(我已经删除了所有不必要的部分，
在我的 Galaxy Tab 2(三星)上启动我的应用程序时，我不断收到此错误消息。我正在开发的应用程序非常复杂，很难追踪此错误的来源。所以我开始逐个剥离我的应用程序，最后只剩下一个 map View
我正在使用 Workbench 在 Mathematica 中开发一个应用程序包，它开始变得复杂，包含多个版本和组件。我在一些 mathematica 文档(http://reference.wolf
我选择了四种免费工具用于基于 Web 的缺陷跟踪。它们是: 错误说明 螳螂 错误跟踪器 .NET 来自 Project Locker 软件的 Trac 考虑到以下因素，我正在尝试在这四种工具之间做出决
我正在尝试将 mysqlclient 安装到我的 Python 3.6 上。最初我想安装的是 MySQLdb，但是它说 MySQLdb 不能与 Python 3 一起使用(还是？)。所以我切换到mys
我正在尝试将 mysqlclient 安装到我的 Python 3.6。最初我要安装的是 MySQLdb，但是它说 MySQLdb 不能与 Python 3 一起使用(仍然？)。所以我切换到mysql
我正在尝试将 mysqlclient 安装到我的 Python 3.6。最初我要安装的是 MySQLdb，但是它说 MySQLdb 不能与 Python 3 一起使用(仍然？)。所以我切换到mysql
**摘要：**为了保障华为云GaussDB产品的可靠性，每一款产品发布前都要通过多轮严苛的测试用例。 说明：本文中的MySQL，如果不做特殊说明，指的是开源社区版MySQL。 华为云数据库新版本在发布
我有一个程序，它打开一个程序，然后将一个字符串复制并粘贴到该程序中，一段时间后，它使用带有 ctrl+c 的机器人将一个字符串从程序复制到剪贴板。然后我的程序检查复制的字符串是否包含单词，但不是检查最
所以我尝试为 cocos2d-x 构建项目。我目前在 cmd 中，当我键入 python android-build.py -p 19 cpp-tests 时，它开始制作项目，但随后出现构建失败的错误
我是开发物理模型的团队中唯一的软件工程师(大约 30,000 行代码)。团队的其他成员由开发代码库大约 20 年的科学家组成。我的工作流程是这样的: 科学家请求新功能 我实现 通过测试和验证，我在数字
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题？更新问题，以便 editing this post 提供事实和引用来回答它. 2年前关闭。 Improve this
当我运行 时，以下代码抛出 ExecutionEngineException发布 构建可执行文件(启动 exe 文件 )。这是错误还是正常行为？ 包大小 = 1 的值类型: [StructLayout
我是一名优秀的程序员,十分优秀！