none
navigation acive link RRS feed

  • Frage

  • Hallo

    meine Navigation, der active link bei gedrückter mousetaste hat im Explorer 11 browser  nur eine kurze Wirkung verglichen zum  Firefox browser beispielsweise 

      <p id="navbeschreibung">meine Sicht auf das Web
                    </p>
    
            <nav>
                 <ul>
                        <li><a href="index.html">1</a></li>
                        <li><a href="sight2.html">2</a></li>
                        <li><a href="on3.html">3</a></li>
                        <li><a href="the4.html">4</a></li>
                        <li><a href="web5.html">5</a></li>
                       </ul>
            </nav>
    
    die styles:
    
    nav a:active { text-decoration: none;
                           color: rgb(8%,8%,8%);
                   background: -webkit-radial-gradient(center,
                                circle farthest-corner,
                                rgb(68%, 68%, 68%) 40%,
                                rgb(72%, 72%, 72%) 60%,
                                rgb(90%, 90%, 90%) 90%);
                   background: -moz-radial-gradient(center,
                                circle farthest-corner,
                                rgb(68%, 68%, 68%) 40%,
                                rgb(72%, 72%, 72%) 60%,
                                rgb(90%, 90%, 90%) 90%);
                   background: -o-radial-gradient(center,
                                circle farthest-corner,
                                rgb(68%, 68%, 68%) 40%,
                                rgb(72%, 72%, 72%) 60%,
                                rgb(90%, 90%, 90%) 90%);
                   background:radial-gradient(circle farthest-corner, 
                                rgb(68%, 68%, 68%) 40%,
                                rgb(72%, 72%, 72%) 60%,
                                rgb(90%, 90%, 90%) 90%); 
           
            transition-all: background-color;
            transition-duration: 1s; /*ab internet explorer 9*/
              
                  padding: 3px 13px 3px 13px;
                  border: 1px solid white;
                  border-radius: 40px;
                  box-shadow: none;
    
    
    }
    

    Danke

    Donnerstag, 12. Dezember 2013 09:08

Alle Antworten

  • Hallo
    wenn ich deine Beispiel-Seite im IE 11, FF 25 oder Opera 18 ausführe (unter Windows 8.1), sieht es überall zu 100% gleich aus. Auch die Animationszeiten sind natürlich gleich.

    So sollte es auch sein, das bei gleichem Code in jedem Browser das gleiche heraus kommt (meistens funktioniert es auch).

    Hast du noch irgendwelche besonderen Addons im IE installiert? Kannst du es vielleicht noch auf einem anderen PC testen?


    Koopakiller [kuːpakɪllɐ] (Tom Lambert)
    Webseite | Code Beispiele | Facebook | Twitter | Snippets   C# ↔ VB.NET Konverter
    Markiert bitte beantwortende Posts als Antwort und bewertet Beiträge. Danke.

    Donnerstag, 12. Dezember 2013 12:31
  • Hallo Koopakiller

    Ich gebe ihnen meinen link:

    robertoschneider.de

    der  activ-style funktionert unendlich nur auf Safari. Bei länger gedrückter Mousetaste wirken hier die Styles:

    nav a:active { ... 

    padding: 3px 13px 3px 13px;    
                  border: 1px solid white;
                  border-radius: 40px;
                  box-shadow: none;

    }

    (der border ist Weiß )

    opera habe ich noch nicht geprüft, aber auf Moz und IE ist die Wirkung nur kurzweilig, dann fällt der Style in die erste:

    nav a:{ ... 

            padding: 3px 13px 3px 13px;
            border: 1px solid rgb(84%, 84%, 84%);
            border-radius: 40px;
            box-shadow:-1px  1px 2px rgb(68%, 68%, 68%),
                            1px -1px 2px rgb(68%, 68%, 68%),
                           -1px -1px 2px rgb(68%, 68%, 68%),
                            1px  1px 2px rgb(68%, 68%, 68%);

    Eingabe zurück. (der border ist Grau )

    Gruß

    Montag, 16. Dezember 2013 10:01