.html.ActionLink使用类将徽标与CSS放在一起，徽标永远不会显示

我正在尝试使用CSS放置徽标，但它没有显示。我尝试使用类=站点标题

_Layout.cshtml

     <body>
    <header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>
            </div>
            <div class="float-right">
                <section id="login">
                    @Html.Partial("_LoginPartial")
                </section>
                <nav>
                    <ul id="menu">
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        <li>@Html.ActionLink("Categorie", "Index", "Categorie")</li>
                        <li>@{Html.RenderAction("CartSummary", "Panier");}</li>

.CSS

 .site-title {
     color: #c8c8c8;
     font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
     font-size: 2.3em;
     margin: 0;
 }
 .site-title a, .site-title a:hover, .site-title a:active {
      background: none;
      color: #c8c8c8;
     outline: none;
     text-decoration: none;
 }
 .site-title {
     background: url(../Images/htc_magic_black_open2.jpg) no-repeat top left;
     display: block;
     width: 150px;
     height: 150px;
     text-indent: -9999px; /* hides the link text */
     }

我也试过这个

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

也试过这个

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

并且 CSS 更改为

 .logo {
     background: url(../Images/htc_magic_black_open2.jpg) no-repeat top left;
     display: block;
     width: 150px;
     height: 150px;
     text-indent: -9999px; /* hides the link text */
     }

但我把类=站点标题留在前面。有什么建议吗？

我无法添加评论，因为我是新注册的，所以不幸的是它必须进入答案框......

如果替换相对的"../Images/htc_magic_black_open2.jpg"路径，带有完整的 URL（即 http://www.example.com/images/htc_magic_black_open2.jpg）图像是否出现？这将确定它是否是相对路径问题。

如果将"背景颜色：红色"类添加到 .site-title 类，该框会变为红色吗？如果没有，也许您的 CSS 未被应用。

最后，徽标出现了。 css 没有刷新。我关闭了包括Visual Studio在内的所有内容，并尝试使用背景色：红色，它终于出现了。我删除了背景色：红色;我添加了徽标。感谢您的帮助。

这是我使用的 css。

 .site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0; 
    background: url(../Images/large-logo.png) no-repeat top left;
    display: block;
    width: 602px;
    height: 132px;

相关内容

最新更新

热门标签：