我已经使用 Skeleton 样板创建了一个网站，以便它具有响应性并且可供移动用户使用，除了联系页面之外的所有页面都有一个全宽背景图像，但没有设置为背景图像它是一个 img 标签，我已经给出了内容覆盖它一个负边距。
原因如下：
- 我需要它是全宽和内容；骨架样板具有左右边距，因此我无法在内容上设置背景图像。
- 我还需要包含 div 的图像始终是图像的全高，但图像高度不是设置大小，它响应浏览器宽度并保持其纵横比。
- 该图像包含在另一个具有透明平铺背景的 div 中，该背景用对角扫描线覆盖图像，这是设计所必需的，我还不想使用 CSS3 多个背景图像，因为我想支持一些较旧的浏览器.
- 我希望图像比需要的大（我现在意识到它有点太大了），这样即使在更大分辨率的显示器上它也是可以接受的质量。
现在我宁愿不使用负边距，我知道它们是有效代码，但我在过去遇到过宽度问题，想知道没有它们是否有其他方法可以达到相同的结果？
我尝试在 img 背景元素上使用绝对定位，而 Firefox 出于某种未知原因在文档开头添加了一大块空白空间，将整个页面向下推可能 200 像素。
该网站是 www.f3racing.co.uk