Ergebnis 1 bis 5 von 5

Thema: Probleme mit Safari - Seite "flackert"

  1. #1
    HTML Newbie
    Registriert seit
    06.11.2012
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 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/2011/11/...cts-with-css3/ (example 10)



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

    LG!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Probleme mit Safari - Seite "flackert"

    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.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    06.11.2012
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Probleme mit Safari - Seite "flackert"

    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...

  4. #4
    Bandit
    Gast

    Standard AW: Probleme mit Safari - Seite "flackert"

    Auszug aus den Forenregeln, die auch du akzeptiert hast:
    Inhalt von Beiträgen:
    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:

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

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    06.11.2012
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Probleme mit Safari - Seite "flackert"

    die gleiche Frage in mehreren anderen Foren gleichzeitig stellen

    da ich es nur in ein anderes Forum gefragt habe, verstoße ich ja nicht gegen diese Regel

    tut mir trotzdem leid



Ähnliche Themen

  1. div:hover flackert bei "hovern"
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 26.12.2012, 15:43
  2. Wie erstelle ich ein Element "fixed" aber trotzdem mit "position: relative"?
    Von nilss im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 17.03.2010, 16:35
  3. Dürrenmatts "Der Besuch der alten Dame" und Sophokles' "Ödipus Tyrannos"
    Von Unregistriert im Forum Off Topic und Quasselbox
    Antworten: 3
    Letzter Beitrag: 21.01.2010, 22:22
  4. Probleme mit "width" und "height"
    Von chris90night im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.10.2006, 20:59
  5. Probleme mit dem "HTML-Gerüst" meines Blogs
    Von Kakse im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 30.08.2006, 21:36

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •