C# asp.net mvc项目中图像文件夹的正确位置是什么?

C# asp.net mvc项目中图像文件夹的正确位置是什么?,c#,C#,asp.net mvc#项目中图像文件夹的最佳位置是什么,以便在所有css脚本中轻松访问。 目前我用的是 图像路径:内容/图像 css文件路径:**Content/dist/css <img src="@Url.Content("../Content/Images/logo.png")> 在主页/索引页上运行良好。 但当我调用其他页面时 background-image:url(../Content/Images/logo.png); 根本没用!!也 backgroun

asp.net mvc#项目中图像文件夹的最佳位置是什么,以便在所有css脚本中轻松访问。 目前我用的是

  • 图像路径:内容/图像
  • css文件路径:**Content/dist/css

    <img src="@Url.Content("../Content/Images/logo.png")> 
    
    在主页/索引页上运行良好。 但当我调用其他页面时

    background-image:url(../Content/Images/logo.png); 
    
    根本没用!!也

      background-image: url('data:image/jpeg;base64........)  
    
    在所有页面上工作


    • 通常情况下,MVC中的图像位于内容文件夹中的图像文件夹中

      您可以通过以下方式加载图像:


      但图像的放置位置实际上取决于您。

      通常在MVC中,图像位于内容文件夹中的图像文件夹中

      您可以通过以下方式加载图像:


      但是,图像的放置位置实际上取决于您。

      图像文件夹:

      在ASP.NETMVC内核中,默认情况下,它们位于
      /wwwroot/images
      中。在ASP.NETMVC(非核心)中,它们位于
      /images
      /assets/images

      需要在服务器上部署映像。在ASP.Net核心中,
      wwwroot
      是将静态资源放置到稍后部署的位置的正确位置

      CSS中的图像引用:

      关于在CSS文件中引用图像:请注意,图像在哪里并不重要,只要它们部署在服务器上并且可以从CSS访问即可。为此,您将向CSS添加一些Url()引用。这里重要的一点是,这些URL是相对于CSS文件的。如果引用多个CSS文件中的同一图像,并且这些CSS文件位于不同的文件夹中,则每个CSS文件所需的Url都不同

      示例:

      • /图片/logo.png
      • /css/site.css=>
        Url(../images/logo.png)
      • /css/subsite/bluetheme.css=>
        Url(../../images/logo.png)

      图像文件夹:

      在ASP.NETMVC内核中,默认情况下,它们位于
      /wwwroot/images
      中。在ASP.NETMVC(非核心)中,它们位于
      /images
      /assets/images

      需要在服务器上部署映像。在ASP.Net核心中,
      wwwroot
      是将静态资源放置到稍后部署的位置的正确位置

      CSS中的图像引用:

      关于在CSS文件中引用图像:请注意,图像在哪里并不重要,只要它们部署在服务器上并且可以从CSS访问即可。为此,您将向CSS添加一些Url()引用。这里重要的一点是,这些URL是相对于CSS文件的。如果引用多个CSS文件中的同一图像,并且这些CSS文件位于不同的文件夹中,则每个CSS文件所需的Url都不同

      示例:

      • /图片/logo.png
      • /css/site.css=>
        Url(../images/logo.png)
      • /css/subsite/bluetheme.css=>
        Url(../../images/logo.png)

      ASP.Net MVC还是ASP.Net MVC核心?静态图像(我想是的)或用户可以上传的图像?没有“适当”的位置,只有大多数人将CSS引用的图像放在“内容/图像”文件夹中的惯例。background-image:url(“@url.Content(“~/Content/images/logo.png”))用作内联cssASP.Net MVC或ASP.Net MVC核心?静态图像(我想是这样)或用户可以上传的图像?没有“适当”的位置,只有大多数人将CSS引用的图像放在“内容/图像”文件夹中的惯例。background-image:url(“@url.Content(“~/Content/images/logo.png”))与内联CSS一样适用于所有查看页面。还有背景图像:url(../Content/Images/logo.png);在主页/索引页上运行良好。但当我调用其他页面时。。。。。背景图像:url(../Content/Images/logo.png);根本没用!!试试背景图片:url(Images/logo.png);url(Images/logo.png);根本没用!!最后我用了。。。背景图像:url('data:image/jpeg;base64……)。它在所有页面上都有效。适用于所有查看页面。还有背景图像:url(../Content/Images/logo.png);在主页/索引页上运行良好。但当我调用其他页面时。。。。。背景图像:url(../Content/Images/logo.png);根本没用!!试试背景图片:url(Images/logo.png);url(Images/logo.png);根本没用!!最后我用了。。。背景图像:url('data:image/jpeg;base64……)在所有页面上都有效。图像路径:Content/Images,css文件路径:Content/dist/css在所有查看页面上都有效。还有背景图像:url(../Content/Images/logo.png);在主页/索引页上运行良好。但当我调用其他页面时。。。。。背景图像:url(../Content/Images/logo.png);根本没用!!Url(…)是相对于CSS文件的。它们不是动态的,如果您将它们放在单独的CSS文件中,则不能使用UrlHelpers等。您是将CSS放在页面中还是放在.CSS文件中?我建议将它放在外部CSS文件中。然后使用CSS中的相对路径引用图像。图像路径:Content/images,CSS文件路径:Content/dist/CSS适用于所有视图页面。还有背景图像:url(../Content/Images/logo.png);在主页/索引页上运行良好。但当我调用其他页面时。。。。。背景图像:url(../Content/Images/logo.png);根本没用!!Url(…)是相对于CSS文件的。它们不是动态的,如果您将它们放在单独的CSS文件中,则不能使用UrlHelpers等。您是将CSS放在页面中还是放在.CSS文件中?我建议将它放在外部CSS文件中。然后使用CSS中的相对路径引用图像。
        background-image: url('data:image/jpeg;base64........)