Jquery 绝对定位

我在Chrome中的绝对定位有问题。我在SO中阅读了所有类似的问题，但找不到合适的解决方法

我正在使用Wordpress的Headway主题构建一个站点。在这个网站上，我们有一个以网格为中心的布局加上一个全宽背景。这个主题只给了我一个固定网格布局的选择，所以我必须使用jQuery作为全宽背景

有关地点：

我所做的：我使用jQuery将div追加为全宽，并将其偏移为左=0。这在页眉和页脚上非常有效

问题：Webkit浏览器似乎存在绝对定位问题。所以我必须给中间的盒子一个偏移量，这样它才能正常工作。但是我遇到了一只虫子。无论何时单击页眉徽标返回主页或重新加载页面，全宽背景框都会断开。在这些情况下，似乎不需要条件偏移量。但是我怎样才能解决这个问题呢

jQuery脚本：

首先想到：

您不应该在函数调用中使用“.each”：

$(".game").load(compose(".game", "yellow"));

既然“游戏”类有多个元素？只是一个想法。此外，将函数附加到元素的加载似乎是一个潜在的问题，因为您所追求的是窗口的宽度，而不是元素的宽度。元素将在整个窗口加载之前加载。改用window.onload试试。（你会看到一些未格式化的内容，但这是另外一个问题。）

但也存在其他相关问题：以1300px的宽度加载页面，然后将其扩展到1500，您将在Webkit和FF10的右侧看到类似的错误。下面还有其他奇怪的bug，也在“noticeas”部分。问题可能是onresize事件的bug，jquery已经（大部分）规范化了onresize事件，但没有人是完美的

Hombre，要绕过模板限制需要做很多工作。我认为首先你可能是走错了路，即使你能让它工作，它显然是依赖于js的，这是不必要的。这实际上是一个CSS问题，而不是js问题。即使这样，你也在构建网站，这样它就永远不会对狭窄的视口做出响应，这可能是个坏主意

为什么不直接使用纯css方法呢？将包装设置为100%宽度，无填充。然后设置你的旁白为100%宽度，一些内部容器有一个最大宽度。保持WP循环不变，只需将它们包装在设置为中心的新div中。然后设置

background-size:cover

在每个侧边的背景图像上。它在古老的浏览器上不起作用，但它会让你更接近它

---

或者。。。只需在身体上设置疯狂的宽背景图像（大到足以覆盖任何真实情况）或#白色包装？或者，如果考虑太多，只需在各个部分中添加虚拟的子div，这些子div被完全推到每个区域之外以覆盖边距。然后将容器设置为溢出：隐藏，这样东西就不会突出。这在语义上很难看，但更直截了当。有一种更简单的方法可以通过css解决这个问题，而不引入文档回流问题。实际上，您永远不会编写符合每个浏览器css特性的js

每个.class只有一个实例。原因是车头时距主题使用类而不是id来标识块。我知道这似乎是一个很大的工作，但我已经尝试过做100%的css之前，相信我，这是更多的工作。我之所以这么做是因为我无法更改#whitewrap和.grid容器div。但是正如您所指出的，我通过使用$（window）.load而不是$（document）.ready解决了第一个bug。您发现的另一个“调整大小”错误，我稍后将尝试通过调整大小事件来解决。