Html 可接受的负利润率？

我已经创建了一个使用骨架样板文件的网站，这样它对移动用户来说响应迅速，可用。除联系人页面外，所有页面都有全宽背景图像，但没有设置为背景图像，它是一个img标签，我给覆盖它的内容加了一个负边距

原因如下：

我需要它的全部宽度和内容；骨架样板具有左右边距，因此我无法在内容上设置背景图像

我还需要包含div的图像始终是图像的完整高度，但图像高度不是一个设定的大小，它响应浏览器宽度并保持其纵横比

该图像包含在另一个div中，该div有一个透明的平铺背景，该背景用对角扫描线覆盖图像，这是设计所必需的，我不想使用CSS3多背景图像，因为我想支持一些较旧的浏览器

我希望图像比需要的大一些（我现在意识到它有点太大了），这样即使在分辨率更高的显示器上，图像的质量也是可以接受的

现在我不想使用负边距，我知道它们是有效的代码，但我在过去遇到过一些问题，我想知道没有它们还有其他方法可以达到同样的效果吗？

我曾尝试在img背景元素上使用绝对定位，Firefox不知为什么在文档开头添加了一大块空白，将整个页面向下推了200像素

---

该网站是www.f3racing.co.uk

不确定我是否理解正确，但您可以使用背景图像集（或另一个图像标签）进行div，然后将其绝对定位到顶部和左侧，并给它一个比其他内容低的z索引。@Andy感谢您的回复，我正要编辑我的问题，补充说我尝试过这个方法，但出于某种原因，在Firefox中使用这个方法，我在文档开头得到了一个巨大的空白，我在几个Firefox论坛上发了帖子，问为什么这是一个问题，但还没有解决。我不会说这是不使用这个解决方案的原因，这似乎是最好的方法。解决这个问题可能比试图得到一个工作的、标准的解决方案要好得多，你可能是对的，如果我不想使用负边距，这可能是我唯一面临的选择。但我之所以犹豫使用它，是因为在我看来，它似乎会有一种类似的技术（如在有效但不好的干净代码中，不被人反对）来让它在Firefox中工作。我没有遇到这个问题，所以我不能肯定地说，但FireFox通常表现相对较好，可能是代码中的错误，需要修复或改进，而不是使用bug攻击。