Ü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 🙂

InformationsquelleAutor MemoNick | 2013-07-09

Schreibe einen Kommentar