Как создать логотип заголовка (Image) с MVC (4)

Question

Я борюсь с синтаксисом бритвы с MVC (4), надеясь найти кого-то, кто может помочь мне с хорошим и рабочим решением.

Я хочу на кликечный логотип (изображение) и создал следующий код.Это работает, кроме двух вещей.Я не вижу дисплей изображения и во-вторых, когда в другом контроллере маршрутизация выходит не так (ошибка http4).

Вот как я сделал это сейчас:

<Сильные> бритвы:

<h1>@Html.ActionLink("siteHeader", "Index", null, new { @class = "site-logo"})</h1>

.

или

<h1>@Html.ActionLink("siteHeader", "Index", "Home", new { @class = "site-logo"})</h1>

.

e.g.Когда в другом контроллере (аккаунт / ChystcyCart / etc.) и нажав на логотип, он приводит к 404.

<Сильные> CSS:

/ сайт headerlogo /

a.site-logo  {     
 background: url(images/Solosoft.png) no-repeat top left;
 display: block;       
 width: 100px;       
 height: 100px;       
 text-indent: -9999px;  /*hides the link text*/ 
  } 

.

Спасибо заранее.

Answer 1

Попробуйте:

@Html.ActionLink("siteHeader", "Index", "Home", null, new { @class = "site-logo"})

.

Это:

public static MvcHtmlString ActionLink(
    this HtmlHelper htmlHelper,
    string linkText,
    string actionName,
    string controllerName,
    Object routeValues,
    Object htmlAttributes
)

.

ссылка: msdn / P >.

Answer 2

Я получил проблему причина!

Нет ничего плохого в нашем кодировании, вещь - это класс, который переопределяет наш набор изображений

Theres эти строки на сайте.csss

.site-title a, .site-title a:hover, .site-title a:active {
    *background: none;* <=comment this out and the bg will show or remove the .site-title a
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}

.

Надеюсь, это поможет

Answer 3

Что сказал Wizzardz, правильно.Стиль фона в пользовательском файле CSS переопределяется стилями в Site.css.

Попробуйте это, !important - используется для приоритета стилей в веб-странице.

На вашей странице custom.css,

a.site-logo  {     
     background: url(images/Solosoft.png) no-repeat top left **!important**;
     display: block;       
     width: 100px;    
     height: 100px;       
     text-indent: -9999px;  /*hides the link text*/ 
} 

.

Нет необходимости ничего менять на сайте.css