title: Why I can't set transparent color for text
body: <p>I have on picture, over her one span.</p>
  
  <p>My span have background color white, and i want to set text transparent.</p>
  
  <p>Like this:
  <a href="http://justdrop.me/b26e25bf4544a68a4e7b76c73169a4d1.PNG" rel="nofollow">http://justdrop.me/b26e25bf4544a68a4e7b76c73169a4d1.PNG</a></p>
  
  <p>I tried:</p>
  
  <pre><code>Background-color:white;
  color:transparent;
  </code></pre>
  
  <p>But not working.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="col-md-12 picturebee no-padding"&gt;
          &lt;img class="beepic" src="img/img7.jpg" alt="Picture bee"&gt;
          &lt;span class="text"&gt;Lorem ipsum dolor!&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.picturebee{
      margin-top:50px;
      position: relative;
  }
  .picturebee span{
  position: absolute;
  top:30px;
  font-size:53px;
  color:white;
  font-family: 'Cuprum', sans-serif;
         left: 35%;
    transform: translateX(-26%);
    text-shadow: 1.4px 1.4px #222;
  
  }
  </code></pre>