Probleme mit Safari - Seite "flackert"

  • Hallo Forum!


    http://np-grafik.de/web_dennis/Laerbusch/index.html


    öffnet ihr die Seite im Safari (5+, dadrunter habe ich nicht getestet) sind die container, welche unten liegen (z-indexe) immer kurz sichtbar.
    - Alle paar Sekunden (wenn die Slider die bilder ändern)
    - immer wenn man die 3 buttons auf der startseite hovert


    Kann mir jemand sagen wodran das liegen könnte?! habe schon lange gesucht und rumprobiert..


    Slider: http://responsive-slides.viljamis.com/
    buttons: http://tympanus.net/codrops/20…-hover-effects-with-css3/ (example 10)




    ich hoffe sehr das ihr mir helfen könnte, ich verzweifel langsam..


    LG!

  • Also, im FF 17 gibt es auch Probleme mit der Darstellung.
    Ich vermute mal, dass es am @font-face von google liegt. Kommentiere mal ALLE font-face Angaben aus. Somit sollte das Problem behoben sein.

  • Danke für den Hinweis, aber es hat sich nichts geändert, @font-face habe ich auch garnicht eingebunden.



    aber ich kenne mittlerweile die ursache des problems:







    <a href="#anker_top" class="scroll" id="news_1">
    <div class="view-tenth" id="first_news">
    <img src="http://www.html.de/images/main/news_1.jpg" alt="Goldschmiede Atelier">
    <div class="mask">
    <h2>Goldschmiede Atelier</h2>
    <p>Professionelle Anfertigungen</p>
    </div>
    </div>
    </a>





    .view-tenth:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 13;
    }
    .view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 13;
    }
    .view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 13;
    }











    ich dachte erst es würde an dem transform liegen, habe nacheinander alle styles ausgeschaltet, aber nur wenn ich alle hover styles abschalte, passiert der fehler nicht mehr.
    es liegt also an dem hover allgemein, dass der div mit den gehoverten elementen kurz im safari durchscheint..



    einer ne idee, ich finde per google nichts ähnliches, zwar viele hover probleme aber nichts was mir weiterhilft...

  • Auszug aus den Forenregeln, die auch du akzeptiert hast:

    Zitat

    Inhalt von Beiträgen:
    [FONT=Verdana, Arial, Helvetica, sans-serif]Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte:
    [/FONT]

    • [FONT=Verdana, Arial, Helvetica, sans-serif]extrem politisch oder religiös orientierte Postings [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte[/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Warez oder fremde copyrightgeschütze Werke [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]E-Mail Adressen [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Songtexte [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen) [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.[/FONT]
    • Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen