Z-Index: how to remove the text

[EdinFreelancer]

Hi, Everybody

I want to make links to a social media websites. But i want use this method but i can’t remove (hide it from the front-page) the text. Here is the code

<div>
  <ul>
    <li>
      <a href="#">Facebook</a>
    </li>
    <li>
      <a href="#">Twitter</a>
    </li>
    <li>
      <a href="#">Google Plus</a>
    </li>
  </ul>
</div>

CSS :

    .socialLinks a {
    background-image: url(../image/facebook3.png);
    background-repeat: no-repeat;
    padding: 16px;
    position: relative;
    z-index: 9999;


}

can someone help me ?

[Author]

Posts