• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder (nicht Background) mit wiederholen lassen.

II.IB.

Neues Mitglied
Hi Leute,

ich bastel gerade an meiner Homepage rum und komme in einer Sache nicht mehr weiter:
Ich habe ein Bild was sich beim Hover in ein anderes wechselt. Dieses Bild möchte ich so oft sich wiederholen lassen, dass die gesamte Fläche gefühlt ist.
Beim Background würde ich einfach "repeat" in CSS machen, aber wie soll ich das Bild mit den css eigenschaften sich wiederholen lassen?

Code:
<div id="background"><a href="#" class="popup"><img src="http://www.html.de/images/test1.jpg"><span><img src="http://www.html.de/images/test.jpg"></span></a>
</div>

Code:
a.popup {  text-decoration:none;
  position:relative;
  display:block;
  left:0px;
  top:0px;
  width:50px;
  height:50px;
  float:left;


}
a.popup:hover {
  border:none;
}
a.popup img {
  border:none;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:0px;
  left:0px;
}
a.popup:hover span {
  visibility:visible;
}
 
Füge das Bild als Hintergrundbild ein, und nicht als img-Element.

Moderation: Verschoben von HTML zu CSS, da es um Gestaltung und sogar CSS-Code geht ...
 
Zurück
Oben