Question

我把文件放在我的VS项目的“样式”目录下，我的默认网站管理员的CSS位于创建时。

    body{
    background-image: url('..\Styles\Header.jpg');
    }

如何使用外部CSS正确使用它来在后台显示图像？

Answer 1

在你的css中尝试这个

body{
     background-image: url('~/Styles/Header.jpg');
}

或

 body{
         background-image: url('../Styles/Header.jpg');
    }

如果您的图像存储在Style forlder中，则可以通过此代码进行检索

Answer 2

试试这个对我有用

 background-image: url(..\Styles\Header.jpg);

不要在括号内使用单引号。

Answer 3

<强> HTML

<html>
<head>

<title> Your page Name </title>
<link rel="stylesheet" type="text/css" href="yourcssresourcefile">
</head>

<body>
</body>

</html>

<强> CSS

   body{
    background-image: url('http://static3.businessinsider.com/image/52a0bbfd6bb3f7961363819e/the-most-amazing-satellite-images-of-the-year.jpg');
    }

<强> Fiddle

<强> Result

Answer 4

有两种方法可以做到;

当您尝试使用relative path访问资源（图片）时：

body{
         background-image: url('../Styles/Header.jpg');
    }

当您尝试使用absolute path：

访问资源（图片）时

body{
     background-image: url('~/Styles/Header.jpg');
}

在类下的CSS中显示背景图像

4 个答案: