Antworten auf deine Fragen:
Neues Thema erstellen

Animation funktioniert nicht im IE 10

Andimau

Nicht mehr ganz neu hier

Hallo
habe das Problem das diese Animation nicht im IE funktioniert. (Chrom und Opera funktioniert)

Vielleicht ja jemand eine Idee warum. : )

Code:
#navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal li .mega-sub-menu li a:hover{
border-left:8px solid #fff !important;
transition: all 0.5s ease-in !important;
-webkit-transition: all 0.5s ease-in !important;}
 

Myhar

Hat es drauf

Edit: Sorry, war falsch. :)
Edit 2: Von diesem Code kann man keine Fehler erkennen, der schaut so weit richtig aus. Abgesehen davon, dass die Variante mit -webkit Präfix als letztes aufgeführt wird, aber das soll dem IE egal sein. Was sagen die IE-Dev-Tools dazu? Wird die Animation "angenommen" (im CSS erkannt)?
 

Myhar

Hat es drauf

Bist Du Dir sicher? Überschreibt die Vendor-Prefix nicht die Transition-Einstellungen, oder ist das aktuellen Browsern wirklich egal?

Lies meinen Satz nochmal genau, dort ging es nicht um aktuelle Browser sondern um den IE10. Und dem ist ein -webkit Präfix egal. Dass es zB Chrome nicht egal ist steht auf einem anderen Blatt, hat jetzt aber nicht konkret etwas mit der Fragestellung (und dem Problem) zu tun. Abgesehen davon ist die -webkit Anweisung ident zu der normalen Anweisung, so viel kann da also nicht kaputt werden.
 

noltehans

Aktives Mitglied

Hi Andimau,

trenn deine ID's und Classes durch Kommas.

Code:
<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<meta charset="UTF-8">
<style type="text/css">
div a.block {
display:block;
width: 100px;
height: 150px;
background-color: #CDCDCD;
}
#navbar, #site-navigation, .mega-menu-wrap, .mega-menu.mega-menu-horizontal li, .mega-sub-menu li, a:hover{
border-left:8px solid red !important;
transition: all 0.5s ease-in !important;
-webkit-transition: all 0.5s ease-in !important;
}
</style>
</head>
<body>
<div><a href="#" class="block">HALLO</a></div>
</body>
</html>
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.612
Beiträge
1.538.343
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben