如何在Chrome中设置背景图片？

Question

如何使用可在Chrome浏览器中使用的CSS和HTML设置背景图片？ 以下代码可用于IE，但不能用于Chrome？

body 
{
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: URL("\Backgrounds\bg.jpg");
}

Answer 1

此代码有效！！

body {
        background: url("../img/img_bg.jpg") no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100%;
}

Answer 2

替换反斜杠以在背景图像路径中正斜杠

所以代码是

body 
{
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: URL("/Backgrounds/bg.jpg");
}

Answer 3

您在URL中使用了反斜杠，而不是正斜杠。 这对URL无效，因此Chrome找不到它。 但是，IE与文件资源管理器相关（在某些Windows版本中，它们是同一回事），因此IE会在您拥有文件路径时对其进行解释。 使用格式正确的URL将确保可以在所有浏览器中找到该图像文件。

body 
   {
      background-repeat: no-repeat;
      background-color: transparent;
      background-image: URL("/Backgrounds/bg.jpg");
   }