htmlページがCSSの背景画像を表示できませんでした

Question

私はVS2010 ASP.NET Webアプリケーションプロジェクトで作業しています。私はHTMLページを追加しました。問題は、デバッグ（F5）を開始するとき、このページはCSSファイルに設定されたいくつかのアイコンを表示できませんが、HTMLページを直接開くと、その背景イメージは完全に表示されます。

CSSコードです：

.leaflet-draw-toolbar a { 
background-image: url('images/spritesheet.png'); 
background-image: linear-gradient(transparent,transparent),url('images/spritesheet.svg'); 
background-repeat: no-repeat; 
background-size: 270px 30px;} 

および関連のJavaScriptは、次のとおりです。

var drawnItems = L.featureGroup().addTo(map); 
    map.addControl(new L.Control.Draw({ 
     edit: { 
      featureGroup: drawnItems, 
      poly: { 
       allowIntersection: false 
      } 
     }, 
     draw: { 
      polygon: { 
       allowIntersection: false, 
       showArea: true 
      } 
     } 
    })); 

debug

open directly

私は多分へのアクセスを制限するいくつかのウェブのconfigsがあると思いますリソース。 投与量それに対処する方法を知っている人は誰ですか？

Thx！

Answer 1

私はCSSのコードを変更し、それが働いた：

.leaflet-draw-toolbar a { 
background-image: linear-gradient(transparent, transparent), url('images/spritesheet.svg'); 
background-image: url('images/spritesheet.png'); 
background-repeat: no-repeat; 
background-size: 270px 30px;} 

をご覧のように、PNGオーバー元のコードの背景画像の使用SVGで、今I`veは、SVGの上にPNGを使用するように変更しました。

唯一の違いはsvgとpngの間にあり、私はsvgの詳細を学ぶつもりです。私はまだデバッグモードのウェブサイトで与えられたsvgをブラウザが解釈する方法と関係があると推測します。