title: PNG image not showing on iPhone
body: <p>I have an issue making a mobile version of a website. <strong>PNG</strong> images are not showing up on iPhone while the website runs fine on Android phones.</p>
  
  <p>The page just contains some div, a background and a transparent PNG behind text.</p>
  
  <p>This PNG's weight is ~180kb and it is already transparent but I am modifying it's opacity again with CSS.</p>
  
  <p>I've tried many ways but none seem to work.</p>
  
  <p><a href="http://pianissimo-reze.fr/v2/mobile" rel="nofollow">Here</a> is the mobile website URL.
  And <a href="http://pianissimo-reze.fr/v2/mobile/handm.png" rel="nofollow">here</a> is the PNG Image's URL.</p>
  
  <hr>
  
  <p>Here is my HTML and CSS code:</p>
  
  <pre><code>&lt;div id=photofond&gt;&lt;img alt="" src="handm.png" /&gt;&lt;/div&gt;
  
  #photofond {
  opacity: 0.5;
  position: absolute;
  top: 23%;
  z-index: -1;
  }
  
  #photofond img {
  width: 100%;
  }
  </code></pre>