-3

您好我正在尝试在 Visual Basic 2010 ASP.Net MVC 中的 css 文件中添加背景图像我的代码是：

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

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

4

2 回答 2

1

多个问题：

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

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

    应该是这样的：

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

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

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

    -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
于 2012-06-25T17:03:37.700 回答
0

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

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

于 2012-06-25T16:44:13.120 回答