Question

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

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

Answer 1

将反斜杠替换为背景图像路径中的正斜杠

所以代码是

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

Answer 2

您在网址中使用了反斜杠而不是正斜杠。这对于网址无效，因此Chrome无法找到它。但是，IE与文件资源管理器有关（在某些版本的Windows中，它们是相同的东西），所以它将解释文件路径。使用格式正确的URL将确保可以在所有浏览器上找到图像文件。

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

Answer 3

此代码有效!!

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%;
}

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

3 个答案: