Webkit 浏览器未完全渲染背景图像
我有一个简单的网页，其主 div 周围有居中的背景图像。背景图像在 IE 和 Firefox 中渲染良好，但在基于 Webkit 的浏览器（Chrome、Safari）上，背景图像在页面初始加载时仅部分渲染。这几乎就像浏览器停止尝试渲染它一样。如果我调整浏览器窗口的大小，或单击页面上的任何链接，背景图像将完全显示。这是网站：http://www.jnrtunes.com。
我尝试过各种 CSS hack、预加载图像等，但似乎没有任何方法可以解决问题。有人遇到过类似的问题吗？我的 HTML 或 CSS 有问题吗？我是一个真正的 HTML/CSS 菜鸟，所以任何建议将不胜感激。谢谢！
I've got a simple webpage with a centered background image around the main div. The background image renders fine in IE and Firefox, but on Webkit-based browsers (Chrome, Safari), the background image only partially renders when the page is initially loaded. It's almost as if the browser just quits trying to render it. If I resize the browser window, or click on any of the links on the page, the background image shows fully. Here's the site: http://www.jnrtunes.com.
I've tried various CSS hacks, preloading images, etc and nothing seems to fix the problem. Has anyone had similar issues? Is there a problem with my HTML or CSS? I'm a realtive noob to HTML/CSS, so any advice would be appreciated. Thanks!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
由于某种原因，是#wrapper div 上的overflow: auto 执行了此操作。别问我为什么，但似乎是你的问题。
For some reason, it's the overflow: auto on the #wrapper div that does it. Don't ask me why, but there seems to be your problem.