title: How to display a default image in case the source does not exists
body: <p>I have the following code inside myasp.net MVC  web application:-</p>
  
  <pre><code> &lt;a href="~/Content/uploads/@(item.ID).png"&gt;&lt;img class="thumbnailimag" src="~/Content/uploads/@(item.ID).png"  /&gt;&lt;/a&gt;   @Html.ActionLink(item.Name,"Details","DataCenter", new{id = item.ID},null)
  </code></pre>
  
  <p>And the following CSS:</p>
  
  <pre><code>.thumbnailimag {
      width:30px;
      height:30px;
      border:thin blue;
      background-image:url("/Content/uploads/virtual-data-center.jpg");
  }
  </code></pre>
  
  <p>But if the image does not exists each bowser will treat it differently . I set a background image but still on IE it will display a “X” over the default image , as follow:-
  <img src="https://i.stack.imgur.com/5VlnW.png" alt="enter image description here"></p>
  
  <p>Can anyone advice if there is a way to display a default image if the src does not exists?</p>