Übergang funktioniert nicht im IE
Entwickle ich meine eigene website, und eines der 'features' hat, ist, dass wenn ich mit meinem Mauszeiger über die überschrift, es rutscht nach unten.
Diese gut funktioniert und gut auf allen gängigen Browsern. Jedoch mit dem IE 10, es funktioniert nicht. Hier ist die Seite Quelle:
<?php
echo "<html>
<head>
<title>memodesigns</title>
<link rel='stylesheet' href='style/stylesheet.css'>
</head>
<body>";
include_once('modules/header.php');
echo "
</body>
</html>";
?>
Dies ist die header-Datei, die enthalten ist:
<?php
echo "<div id = 'menucontainer'>
<div id = 'menu'>
<p>
<ul>
<li><a class = 'menu' href = ''>HOME</a></li>
<li><a class = 'menu' href = 'about.php'>ABOUT</a></li>
<li><a class = 'menu' href = 'portfolio.php'>PORTFOLIO</a></li>
<li><a class = 'menu' href = 'rates.php'>RATES</a></li>
<li><a class = 'menu' href = 'contact.php'>CONTACT</a></li>
</ul>
</p>
</div>
</div>";
?>
- Und das CSS-Stile-hier:
a.menu{
padding-left: 20px;
padding-right: 20px;
}
/*menucontainer*/
#menucontainer{
position: absolute;
margin-top: -8px;
top: 0px;
width: 100%;
text-align: center;
-webkit-transition: margin-top 0.5s;
-moz-transition: margin-top 0.5s;
-o-transition: margin-top 0.5s;
transition: margin-top 0.5s;
}
/*menucontainer*/
#menucontainer:hover{
margin-top: 0px;
}
/*menu*/
#menu{
padding-top: 5px;
margin-left: auto;
margin-right: auto;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
max-width: 75%;
height: 25px;
background-color: #202020;
font-family: Roboto;
color: #f3f4f4;
font-size: 16px;
}
Wäre dankbar jede Hilfe, warum übergänge funktionieren nicht im IE, aber die Arbeit an anderen wichtigen Browsern.
Herzlich willkommen auf den Internet Explorer. Werden Sie nicht genießen Sie Ihren Aufenthalt.
Ich schlage vor, nicht die Verknüpfung mit einem unbekannt Ort wie Sie es getan haben. Versuchen jsbin oder jsfiddle oder so ähnlich.
Die Seite ist sauber. Auch, auf einer anderen Anmerkung, ich habe bestätigt das in IE 10 unter Windows 7 mit BrowserStack.
Irgendein besonderer Grund? Die beiden Seiten scheinen, orientiert sich in Richtung HTML und Javascript statt PHP. EDIT: Danke, Ian Carroll
Sie werden nicht einfach zu bekommen, wie viele Menschen klicken auf eine unbekannte domain von hier. Ian ging durch einen Schritt, den die meisten von uns sind zu faul zu tun 🙂
Ich schlage vor, nicht die Verknüpfung mit einem unbekannt Ort wie Sie es getan haben. Versuchen jsbin oder jsfiddle oder so ähnlich.
Die Seite ist sauber. Auch, auf einer anderen Anmerkung, ich habe bestätigt das in IE 10 unter Windows 7 mit BrowserStack.
Irgendein besonderer Grund? Die beiden Seiten scheinen, orientiert sich in Richtung HTML und Javascript statt PHP. EDIT: Danke, Ian Carroll
Sie werden nicht einfach zu bekommen, wie viele Menschen klicken auf eine unbekannte domain von hier. Ian ging durch einen Schritt, den die meisten von uns sind zu faul zu tun 🙂
InformationsquelleAutor MemoNick | 2013-07-09
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich vermute, das Problem könnte sein Kompatibilitätsmodus.
Wenn Sie nicht über eine richtige doctype-Deklaration die erste Zeile in einem Dokument, D. H. wird geben Sie den Kompatibilitätsmodus und die meisten features funktionieren nicht wie erwartet. Sicherzustellen, dass Sie haben eine gültige doctype (
<!DOCTYPE html>
wird in Ordnung sein) und fügen Sie<meta http-equiv="X-UA-Compatible" content="IE=edge" />
zu Ihrem Dokument<head>
.Also, stellen Sie sicher, es gibt keine zusätzlichen Leerzeichen vor den doctype, die eingeführt werden könnten, durch die Art und Weise Sie sind echo text in der PHP.
Nope - kein Glück :/
Ja, IE10 unterstützen sollte, die standard-Eigenschaft. Ich denke, das Problem mit der Kompatibilität-Modus.
Ach das war der trick (einfach <!DOCTYPE html>). Vielen Dank!
Nette Antwort, danke für die Lösung 🙂
InformationsquelleAutor nullability
Beispiel hat kein doctype auf alle. Ohne gültigen doctype, alle version des IE effektiv verwandelt sich in IE5.5.
Auch, vergessen Sie PHP wenn Sie Debuggen eine HTML - /CSS - /Javascript-problem. Browser ist egal, was Ihr markup generiert wird, sehen Sie nur den generierten HTML-code, den Sie sehen können, indem Sie auf 'View source' - Menü.
InformationsquelleAutor Ilya Streltsyn
Haben Sie versucht, mit
-ms-
vendor-Präfixe? Ich bin mir nicht ganz sicher, ob dies wird fix it, aber es ist einen Versuch Wert 🙂Sehen Ihren Kommentar, ich glaube JSFiddle ist das hinzufügen von etwas an die Seite, wie zu normalisieren.css.
InformationsquelleAutor StackExchange User
Haben Sie versucht, eine js-Lösung wie jquery?
So etwas wie dies funktionieren könnte:
Hier ist die Geige
http://jsfiddle.net/Bobyo/aXgAV/
Wenn Sie kümmern sich nicht darum, IE9 und unten ist es besser, den Einsatz von css. Ich peresonaly gerne meine Animationen von js, sondern mit css ist eine schöne und saubere Lösung, wenn Sie dopn ' T Pflege über xbrowser-Kompatibilität
InformationsquelleAutor AlexForm