css - Webkit 浏览器未完全呈现背景图像

标签 css webkit background-image

我有一个简单的网页,在主 div 周围有一个居中的背景图片。背景图像在 IE 和 Firefox 中呈现良好,但在基于 Webkit 的浏览器(Chrome、Safari)上,背景图像仅在页面初始加载时部分呈现。这几乎就像浏览器刚刚停止尝试呈现它一样。如果我调整浏览器窗口的大小,或单击页面上的任何链接,背景图像将完全显示。这是网站:http://www.jnrtunes.com .

我已经尝试了各种 CSS hack、预加载图像等,但似乎无法解决问题。有没有人遇到过类似的问题?我的 HTML 或 CSS 有问题吗?我是 HTML/CSS 的真正菜鸟,所以任何建议都将不胜感激。谢谢!

最佳答案

出于某种原因,是 #wrapper div 上的 overflow: auto 做到了这一点。不要问我为什么,但似乎是你的问题。

关于css - Webkit 浏览器未完全呈现背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1820537/

相关文章:

javascript - 从 Javascript 访问 CSS3 媒体查询

css - 检查 CSS calc 在 Chrome 中不起作用

JavaScriptCore 可移植性

javascript - 在 Firefox/IE 上隐藏元素,仅在 chrome 上显示

html - CSS - 固定背景附件使白色 strip 出现在某些滚动位置

jquery - 获取图像源路径并设置为 div 容器中的背景图像

html - CSS 导航栏 - 菜单选项不在导航栏内

带有 css 的 jQuery 动画无法正常工作

HTML/CSS Webkit 字体在 webkit 中渲染

firefox - Firefox 错误页面中的 "chrome://"URL 是什么?