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

CSS Image Zoom funktioniert im IE nicht

kaukauz

Neues Mitglied
Folgender Code für ein CSS Image Zoom funktioniert nicht im IE. Weiss jemand eine Möglichkeit die Zoom-Funktion zum Laufen zu bringen?

In Firefox, Opera, Safari klappt es tadellos, wie immer ist IE das Problem....

Code:
<style type="text/css">
.hovergallerie img{
      -webkit-transform:scale(0.8); /*Webkit: Vergrößern um 0.8x der original größe*/
      -moz-transform:scale(0.8); /*für Mozilla Vergrößern*/
      -o-transform:scale(0.8); /*für Opera Vergrößern*/
      -webkit-transition-duration: 0.0s; /*Webkit: Animation */
      -moz-transition-duration: 0.0s; /*Mozilla Animation*/
      -o-transition-duration: 0.0s; /*Opera Animation*/
       opacity: 0.9; /*Transparents für Bilder*/
       margin: 0 10px 5px 0; /*Abstand zwischen den Bildern*/
}
     
.hovergallerie img:hover{
      -webkit-transform:scale(1.1); /*Webkit: Vergrößern um 1.1x der original größe*/
      -moz-transform:scale(1.1); /* für Mozilla vergrößern*/
      -o-transform:scale(1.1); /*für Opera vergrößern*/
       box-shadow:0px 0px 30px gray; /*CSS3 Schatten*/
      -webkit-box-shadow:0px 0px 30px gray; /*Safari Schatten*/
      -moz-box-shadow:0px 0px 30px gray; /*Mozilla Schatten*/
       opacity: 1;
}
</style>
 
Das hilft mir jetzt auch nicht direkt weiter. Hast du vielleicht einen Lösungsvorschlag in Form eines Codes? Es geht mir darum, dass der IE keine Zicken macht bei der Darstellung und Ausführung.
 
Zurück
Oben