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

回答

相關問題