标题中的网站徽标ASP.NET核心MVC

问题描述：

我有以下图像标记，我正试图添加到我的网站。标题中的网站徽标ASP.NET核心MVC

<a href="@Url.Action("Index", "core")" class="navbar-brand"> 
    <img src="~/images/core.png" title="core" alt="additional title" /> 
</a>

我一直试图在这两个头以及我_Layout.cshtml页面的身体标签添加此标记，它结束了仅低于header.Where我应该添加标签，以便它出现在网站的左上角？

<!DOCTYPE html> 
<html> 

<head> 
<meta charset="utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

<title>@ViewData["Title"] - core</title> 

<environment names="Development"> 
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" /> 
    <link rel="stylesheet" href="~/css/site.css" /> 
</environment> 
<environment names="Staging,Production"> 
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css" 
      asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css" 
      asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" /> 
    <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" /> 
</environment> 
@Html.ApplicationInsightsJavaScript(TelemetryConfiguration) 
</head> 
<body> 

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a asp-area="" asp-controller="core" asp-action="Index" class="navbar-brand">core</a> 
     </div> 
     <div class="navbar-collapse collapse"> 

     </div> 
    </div> 
</div> 
<div class="container body-content"> 
    @RenderBody() 
    <hr /> 
    <footer> 
     <p>&copy; 2017 - core Inc. - core</p> 
    </footer> 
</div> 

<environment names="Development"> 
    <script src="~/lib/jquery/dist/jquery.js"></script> 
    <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> 
    <script src="~/js/site.js" asp-append-version="true"></script> 
</environment> 
<environment names="Staging,Production"> 
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js" 
      asp-fallback-src="~/lib/jquery/dist/jquery.min.js" 
      asp-fallback-test="window.jQuery"> 
    </script> 
    <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js" 
      asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js" 
      asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"> 
    </script> 
    <script src="~/js/site.min.js" asp-append-version="true"></script> 
</environment> 

@RenderSection("scripts", required: false) 
</body> 
</html>

在身体，但这将把徽标放在头下。

<body> 
<a href="@Url.Action("Index", "core")" class="navbar-brand"> 
    <img src="~/images/core.png" title="core" alt="additional title" /> 
</a>  
<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     . 
     . 
     .

将它添加到头部并使用CSS将其放置在页面的左上角。您可以使用边距或CSS绝对和相对位置放置图标。漂浮也可能有所帮助。如果你可以发布更多的代码会有所帮助。 – user2330678

你可以分享完整的HTML吗？或者至少是标题部分？ –

您不会添加到

部分，这是为了只有浏览器关心的元信息。您需要查看标记，无论图像中的黑条是什么。如果您不确定，请使用开发人员工具突出显示该元素。 – JakeParis

答

我想通了myself.It需要去<div class="navbar navbar-inverse navbar-fixed-top">

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <a href="@Url.Action("Index", "core")" class="navbar-brand"> 
     <img src="~/images/core.png" title="core" alt="" /> 
    </a> 
    <div class="container">   
     <div class="navbar-header">

答

尝试内：位置：相对顶部：（这里补充的像素数量）

另一种选择是使用位置：绝对并更改徽标的位置，您也可以发送给我一个私人信息，我会尽力帮助您以更多的代码/直接链接到您的网站

标题中的网站徽标ASP.NET核心MVC

相关推荐