css - 背景图片随机丢失

标签 css

  • 看看这段代码 --> http://pastebin.com/RUzy1SSt
  • 上面的代码是我对原始代码的简化版本。
  • 我遇到的问题是有时(非常随机地)缺少 bg.png,人们看不到白色背景。
  • 如果背景在 firefox 中丢失,如果人们刷新浏览器或清除缓存,背景将重新出现。
  • 有什么想法吗?

更新 * 20x20 图像背景在这里 --> https://raw.github.com/web-arts-unimelb/unimelb/master/images/bg_white_90.png * 我也将其添加到 pastin 代码中 --> http://pastebin.com/59B9snKq * 我没有在这里发布代码或者 jsfiddle 是格式问题,这让我很困惑。

更新 1 * 我认为最好看看实际问题 --> (链接已关闭) * 而白色背景(即 20x20 像素图像)有时会丢失。 * 打开 Firebug ,你会注意到

<div id="backstretch-wrapper" class="col-8"> </div>

没有高度,但使用 top 和 bottom 自动确定高度。我怀疑我总是需要设置“backstretch-wrapper”的高度,以便图像知道要填充的尺寸。

最佳答案

我认为部分答案可能在于使用 HTTPS URL 作为图像源。它比使用简单的 HTTP 请求消耗更多的资源。有关这方面的更多信息,请参阅以下链接。

http://blog.httpwatch.com/2010/02/10/using-protocol-relative-urls-to-switch-between-http-and-https/

关于css - 背景图片随机丢失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16860280/

相关文章:

html - 输入和带有模式的 float 标签

html - 如果 PURE CSS 中存在兄弟元素,则有条件地设置样式

css - 为什么 Chrome 在使用翻译时会导致此图像周围出现此边框/出血?

html - 打印 CSS 隐藏正文并在正文中显示一个 div

html - 带有滚动内容的 CSS 叠加层

css - 在 Bootstrap 中居中表单?

html - 如何让 div 溢出而不将 IE 中的电子邮件中的其他内容向下推?

html - Mozilla Firefox 中的边框图像中断

html - 由伪元素创建的内容

css - 如何更改 Bootstrap 模态的位置