Question

你好我试图在css文件中添加Back ground image在Visual Basic 2010 ASP.Net MVC中我的代码是：

#page-container {
    width: 100%;
    height:100%;
    margin: auto;
    background-image:url ('../Content/homepage.jpg');
    background:cover;
    background-repeat:no-repeat;
}

我的背景图片没有出现。可能是什么问题？

Answer 1

多个问题：

url和第一个冒号之间有一个空格，所以：

background-image:url ('../Content/homepage.jpg')

应该是这样的：

background-image:url('../Content/homepage.jpg')

background:cover不是正确的CSS规则。

我想你想做的是background-size:cover。请注意这是CSS3，因此您可能需要添加供应商前缀：
```
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
```

Answer 2

在Firefox或Chrome的开发人员工具栏中使用Firebug等网络工具，查看背景图片的CSS请求实际生成的URL。您将看到对图像的请求（并且很可能会注册404）并将其与您期望的进行比较。

最有可能的是，您没有在CSS中定义正确的URL，但是如果不知道您的网站结构，则很难说。

CSS中的背景图片

2 个答案: