0

我的 _Layout.cshtml 文件上的 ActionLink 中的 CSS 有问题。

我更改了“您的徽标在这里”文本以反映通过 CSS 类在背景中绘制的图像，但是它似乎没有加载图片..

<p class="site-title">@Html.ActionLink(" ", "Index", "Home", null, new { @class = "sitelogo" })</p>

CSS是：

.sitelogo {
background: url("../Images/topLogo.png") no-repeat center right;
display: block;
height: 84px;
width: 585px;

该框显示在具有高度和宽度尺寸的块中，但是图片不显示，但是如果我使用 FireBug 检查 CSS，当我将鼠标悬停在 CSS 中的 URL 上时它会拉出图像就好了。我是否错过了一些非常明显的东西？

4

2 回答 2

2

您也可以稍微更改 html 来实现这一点：

替换这个

@Html.ActionLink(" ", "Index", "Home", null, new { @class = "sitelogo" })

有了这个：

<a href="@Url.Action("Index", "Home")">
    <img alt="your logo" src="@Url.Content("~/Images/<YOUR LOGO>")" />
</a>

希望这可以帮助

于 2013-06-26T04:55:53.530 回答
1

你确定路径是正确的吗？您在 CSS 中指定的 URL 是相对于该 CSS 文件的。

CssFolder
       styles.css
ImagesFolder
       image.png

或者，您可以使用 url.content 来确保您走的是正确的道路：

@Html.ActionLink(
    " ", 
    "Index", 
    "Home", 
    new { 
        style = "background: url('" + Url.Content("~/Images/yourimage.png") + "') no-repeat center right; display:block; height:84px; width:585px;" 
    }
)
于 2013-06-26T04:32:13.117 回答