背景URLの画像パスを与える方法

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">

。上記のURLに画像のパスを設定するにはどうすればいいですか？

マイフォルダ構造は、私は、CSS、画像、TSを持つアプリフォルダで

です。

tsの中にhtmlページと上記のコードがあります。 私は "hr-11.png" .Iこのように指定されたパスを持っています。

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

しかし、その経路を取らずに画像がありません。どのように私は正しくURLパスを与えることができます。

Answer 1

これはあなたexample.html内部&役立ちます。背景画像：

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

もチェックしてURL（ '../画像/ HR-11.png'）;

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

Answer 2

パスに間違いがあります。 1つのレベル上を行く

./images：background: url(images/hr-11.png) repeat-x 0 0

Answer 3

は、URLルーティングするためのルールがありますように正しいパスがなければなりません。つまり、あなたがcssフォルダにあり、コンテンツのコンテナフォルダを持っている場合、そのパスは1つ上のレベルのcontent/imagesを検索します。

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

../imagesを使用すると、CSSのフォルダ内にあり、あなたは、例えば、コンテンツのコンテナフォルダを持っている場合、パスは二つのレベルアップの意味、main_project /画像を検索する、2つのレベル上がるだろう。

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

〜/画像はMVCから例えば、与えられたファイルのための をフォルダ全体を検索します：すべてので

~/Scripts/angular.js 

/または非 - 現在のメインフォルダを検索します：

Html/Index.html 

App 
|-Html 
    |-Index.Html