没有带有 DOCTYPE 的 body-background-image答案

【问题标题】：No body-background-image with DOCTYPE没有带有 DOCTYPE 的 body-background-image
【发布时间】：2011-05-04 09:51:57
【问题描述】：

HTML 文件的 body-Tag 确实应用了背景图像：

body {… background: #fff url(./img/bg-body.jpg) no-repeat 0 82; …}

一切都适用于 WebKit（Safari、Chrome ......）甚至 Trident（IE）......但背景图像没有显示在 Gecko（Firefox）......如果我将 DOCTYPE 添加到文档中，它不会随时随地工作。

<html>
    <head>
        <style type="text/css">
            body {… background: #fff url(./img/bg-body.jpg) no-repeat 0 82; …}
        </style>
    </head>
    <body>
        …
    </body>
</html>

它也不适用于没有 div、没有内容、没有任何东西……

有什么想法吗？

【问题讨论】：

请显示更多代码。您还确定网址中的. 吗？
是的，./ 是正确的（它在 Safari、Chrome、IE 中运行良好）。
CSS 文件中的路径需要相对于 CSS 文件，您确定您的路径正确吗？什么是0 82（背景位置）？你需要在那里指定一个单位。
是的，路径绝对正确（如前所述，它在 Safari、Chrome 和 IE 中运行良好）……«./img/» 与 «img/» 的含义相同，所以它绝对是正确的路径到背景图像。

标签： html css firefox doctype

【解决方案1】：

您需要指定背景位置的单位

body{ background: #fff url(./img/bg-body.jpg) no-repeat 0 82px }

没有它，它似乎在 webkit 中工作。但是壁虎需要一个单位。那么它应该可以工作。

【讨论】：