4

我最近购买了一个引导主题，我试图将其应用于我的 MVC3 Web App 项目。

我在获取 social-icons.css 中的背景图像以进行渲染时遇到问题。

在 _Layout.cshtml 我引用了：

link href="@Url.Content("~/Content/social-icons.css")" rel="stylesheet"      type="text/css"

在标题中。

在 social-icons.css 中：

    [class^="social-"],
    [class*="social-"] {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: .3em;
    line-height: 40px;
    vertical-align: text-top;
    background-image: url("img/icons/social-icon-set.png");
    background-position: 40px 40px;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 50em;
       -moz-border-radius: 50em;
            border-radius: 50em;
}

我检查了 social-icons.css 和 social-icons-set.png 的路径，一切都出现在 up 和 up 上。

我在这里检查了问答，但这对我没有帮助。 MVC3 中的 CSS 背景图像

对于任何不清楚的信息，请提前道歉。

4

2 回答 2

2

您的图像位置错误。

这就是你所拥有的：

background-image: url("img/icons/social-icon-set.png");

我们可以看到你的截图，它是social-icons-set（注意额外的“s”）：

在此处输入图像描述

于 2013-03-13T14:45:56.560 回答
1

CSS 文件中的任何路径总是相对于 css 文件本身。png 位于Content/img/icons/social-icon-set.png?

因为那是 CSS 文件和您的信息所建议的位置。

于 2013-03-13T13:40:36.173 回答