Onnistuuko ??

Jos sitä linkkiä ei kerran näytetä, niin eihän sen päällekään voi mitenkään osua.

Mitenkään en kyllä keksi mitä järkeä tuollaisen väsäämisessä on, mutta ainahan tekstin voi laittaa taustan väriseksi ja hoverina sitten sellaisella värillä että näkyy:

   div a {
      color: White;
      background: White;
   }

   div a:hover {
      color: Black;
   }

Höpö. kirjoitti:

Jos sitä linkkiä ei kerran näytetä, niin eihän sen päällekään voi mitenkään osua.

Mitenkään en kyllä keksi mitä järkeä tuollaisen väsäämisessä on, mutta ainahan tekstin voi laittaa taustan väriseksi ja hoverina sitten sellaisella värillä että näkyy:

   div a {
      color: White;
      background: White;
   }

   div a:hover {
      color: Black;
   }

Lue lisää

juurikin tuolla display propertyllä voi leikkiä tuossa. Siitä löytyy kaikki ohjeet esim:
http://www.w3schools.com/css/pr_class_display.asp

mutta google ei tykkää toisaalta tuosta display propertystä ja saattaa jopa rankaista hakutuloksissa. Toinen vaihtoehto voisikin olla esimerkiksi z-index:in käyttö. Eli laittaa esimerkiksi jonkin kuvan siihen "väliin" ja asettaa tekstin sen taakse z-index propertyllä. sitten hoverissa z-index:illä taas kuvan "päälle"

esim
z-index:-1;

asettaa sen taakse ja

z-index:1;

asettaa sen taas eteen näkyviin.