如何为背景网址提供图片路径

Question

我正在给像这样的hr标签提供背景图片。

<hr style="height:6px;background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;border: 0;margin:0px!important">

现在我已在本地保存图像。如何在上面的网址中设置我的图片的路径。

我的文件夹结构是

在app文件夹中我有css，images，ts。

在ts里面我有html页面和上面的代码。 在里面的图像我有“hr-11.png”。我指定了这样的路径。

background: url('../images/hr-11.png').

但它没有走那条路，也没有形象。我怎样才能正确地给出网址路径。

Answer 1

这将有助于您和在example.html中：

<hr style="background:url('../images/hr-11.png') repeat-x top left; border: 0"></hr>

还要检查：background-image：url（'../ images / hr-11.png'）;

App
 |-images
 |-css
 |-ts
   |-example.html

Answer 2

道路上有一个错误。正确的路径应该是：background: url(images/hr-11.png) repeat-x 0 0

Answer 3

网址路由有规则：

./ images 会提升一级。这意味着，如果你在css文件夹中并且你有一个内容容器文件夹，那么该路径将搜索一个级别的含义，内容/图像。

App
 |-content
   |-images
     |-example.png
   |-css
     |-example.css

../ images 将升级两级，如果你在css文件夹中并且你有一个内容容器文件夹，例如，该路径将搜索两个级别的意思，main_project / images。

 App
  |-images
       |-example.png
     |-content
       |-css
         |-example.css

〜/ images 将在整个文件夹中搜索给定文件， 例如来自MVC：

~/Scripts/angular.js

/或者根本不是 - 将搜索当前的主文件夹：

Html/Index.html

App
 |-Html
     |-Index.Html