title: Safari wont display background image in <div>
body: <p>I can't seem to get the background image to show in Safari. It works in IE and Chrome. I tried a couple of alternates with the <code>-webkit</code> prefix but no dice. </p>
  
  <pre><code>    &lt;style type="text/css"&gt;
  
          h1, h2, h3, h4, p {position: relative; z-index: 10;}
  
          .jumbotron {
              position: relative;
              z-index: 3;
          }
  
          .jumbotron:after {
              background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.5)), url('img/carousel_island.png');
              bottom: 0;
              content: "";
              display: block;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              z-index: 2;
          }
  
  
      &lt;/style&gt;
  </code></pre>
  
  <p>Here is the HTML:</p>
  
  <pre><code>    &lt;!-- Main jumbotron for a primary marketing message or call to action --&gt;
      &lt;div class="jumbotron"&gt;
          &lt;div class="container"&gt;
              &lt;h1&gt;&lt;strong&gt;Welcome to Pepi's Island&lt;/strong&gt;&lt;/h1&gt;
              &lt;h3&gt;&lt;strong&gt;A place for kids to emotionally and socially learn and grow.&lt;/strong&gt;&lt;/h3&gt;
              &lt;br&gt;
              &lt;p&gt;&lt;a class="btn btn-success btn-lg"&gt;Learn more &amp;raquo;&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>