CSS背景图像不ActionLink的在MVC4

显示我在与我的_Layout.cshtml文件ActionLink的CSS的一个问题。CSS背景图像不ActionLink的在MVC4

我改变了“你这里的标志”的文字，以反映通过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;

箱子被显示在与所述高度和宽度尺寸的块，然而，图像不显示，但如果使用萤火检查CSS它拉图像时我鼠标悬停在CSS就好的URL。我错过了一些显而易见的东西吗？

来源

2013-06-26 user1760784

我是得到相同的错误，它非常简单，因为你和我从默认的mvc 4.0应用程序复制了站点css，并且在那里背景：无...........。网站标题a，.site-title a：悬停，.site-title a：active { background：none; 颜色：＃c8c8c8; 概要：无; text-decoration：none; } – Shaz

你确定路径正确吗？您在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-26 04:32:13 jonosma

我实际上通过将DIRECT路径（C：/）仍然没有任何东西进行双重检查。但我会尝试上面的代码。 – user1760784

出于某种原因，这工作得很好，但在CSS它不喜欢它。 – user1760784

图像是否显示或者CSS没有在网页上工作？ – jonosma

你可以改变一点点的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-26 04:55:53 juanreyesv

CSS背景图像不ActionLink的在MVC4

回答

相关问题